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.到浏览器进行测试

在浏览器地址栏输入:

• http://ip:10001/page/test.html
• http://ip:10001/image
• http://ip:10001/image/test1.jpg