Nginx 静态文件分离

Nginx - 静态分离

Nginx-配置修改

cd  .../nginx/conf

vi nginx.conf

配置1.js|img|css 配置一个静态代理

server {

        listen  80;

        server_name  test.nginx.static;

        charset utf-8;

        #系统静态资源

        location ~ (/js/|/img/|/css/) {

                root    D:/nginx/static/resources/;

        }

    }

配置2.js|img|css 配置多个静态代理

   server {

        listen  80;

        server_name test.js.nginx.static;

        charset utf-8;

        location ~ (/js/) {

                root     D:/nginx/static/resources/;

        }

    }

    server {

        listen  80;

        server_name test.img.nginx.static;

        charset utf-8;

        location ~ (/img/) {

                root    D:/nginx/static/resources/;

        }

    }

    server {

        listen  80;

        server_name test.css.nginx.static;

        charset utf-8;

        location ~ (/css/) {

                root    D:/nginx/static/resources/;

        }

}

Window/Linux 下启动nginx

Win键

D:\xxxnginx\nginx.exe 运行

Linux

./xxx/nginx/nginx  xxx/nginx/conf/nginx.conf 运行 并制定配置文件

本级配置host

#配置1

127.0.0.1 test.nginx.static

#配置2

127.0.0.1 test.img.nginx.static

127.0.0.1 test.js.nginx.static

127.0.0.1 test.css.nginx.static

演示结果

演示1

http://test.nginx.static/css/index.css

http://test.nginx.static/img/1.jpg

ttp://test.nginx.static/js/AjaxUpload.js  

演示2

http://test.css.nginx.static/css/index.css

http://test.img.nginx.static/img/1.jpg

http://test.jd.nginx.static/js/AjaxUpload.js

略 与1等同，只是将js，img，css 隔离，根据自身情况处理