程序员的nginx技能包(3)——静态资源管理，资源井井有条，生活风花雪月

静态资源太多，前端页面响应慢是不是很烦。

要整理css、js了，否则加载慢…

图片要小一点，否则加载慢…

两个项目都要用公司logo图片，每个项目都得放一份，否则一个项目停了另一个项目咋办…

确实很烦，因为很乱。

自从搞了前端，风花雪月何时再有？敢问苍天能否予一碗酒…

苍天答：用nginx，无烦恼

诺

优势

nginx管理静态资源，优势不少

首先速度快，性能高，这是nginx看家本领

多个项目共享资源

条理而规范

尽显高端水准…

方法

round1 收集需要部署的静态资源

无非是图片、前端框架等，新建一个目录resoure ，内容如下：

-resource 所有资源根目录

--static 静态资源根目录

----images 图片目录

------1.jpg 测试图片

----plugins 插件目录

------jquery jquery插件

--------jquery.min.js js文件

然后将resource整个文件夹放到nginx目录下。

round2 修改nginx配置文件

虽然在nginx目录下放了自己的东西，但是nginx不认识啊，所以修改下nginx.conf，在server内新增一个location配置

server {

       listen       80;

       server_name  localhost;

    #新增部分开始

       location /static/{

           root resource/;

       }

       #新增部分结束

}

大约解释下location /static/表示匹配含有/static/的请求。root /resource;表示该类请求对应的nginx根目录为resource。

也就是说如果请求/static/test.html，就是请求resource目录下的/static/test.html。

round3 重启后测试

执行nginx -s reload重启，然后浏览器地址栏输入

http://127.0.0.1/static/plugins/jquery/jquery.min.js 测试，结果如下：

从此

从此程序员应该有更多时间做喜欢的事情了。

只需要把css、js、图片、框架等扔给nginx。