Nginx的动静分离配置实例

Nginx的动静分离配置实例

实现效果

浏览器可通过URL访问Nginx配置的静态资源

准备工作

  • 新建文件夹 /data/nginx-static-data/
  • 在上面文件夹下,新建两个文件夹 page, image
  • page 文件夹下放置文件 test.html
  • image 文件夹下放置文件 test1.jpg 和 test2.jpg

配置Nginx流程

1.在Nginx的配置文件 nginx.conf 的 http 中增加内容

# sep-static-dynamic example
  server {
    listen  10001;
    server_name  localhost;
		
    location /page/ {
	  root  /data/nginx-static-data/;
      index  index.html  index.htm;		   
    }
	   
	location /image {
	  root  /data/nginx-static-data/;
      autoindex on;   
    }  
  }

说明:

  • 图片配置 url路径 /image ,当url中有 /image 即可访问到
  • autoindex on; 配置目录显示文件情况,如图:

在这里插入图片描述

2.重启Nginx服务

cd 至 sbin 目录下,执行 ./nginx -s reload

3.到浏览器进行测试

在浏览器地址栏输入:

猜你喜欢

转载自blog.csdn.net/m0_37633306/article/details/109435012
今日推荐