点此查看全部文字教程、视频教程、源代码

背景

每次新建项目，都要到处找各种静态资源，是不是很烦。
找那些公司logo图片…
找那些前端样式css…
找那些前端框架vue、jquery…

静态资源太多，前端页面响应慢是不是很烦。
要整理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。

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

程序员月薪一万二在北京的真实生活！
作者 | 白公子来源 | 公众号「五分钟学算法」在逛 CSDN 的时候,偶然发现一位博主的文章,讲述了他月薪一万二在北京的生活. 写的非常幽默风趣,应该是个很可爱的男孩子通篇文章写的很真实,文章 ...
程序员看过都说好的资源网站，看看你都用过哪些？
程序员必备的相关资源网站一.图片专区 1.表情包 (1)发表情 (2)逗比拯救世界 (3)搞怪图片生成 (4)哇咔工具 2.图标库 (1)Font Awesome (2)iconfont 3.高清图 ...
试读《你好哇，程序员——漫话程序员面试求职、升职加薪、创业与生活》
感谢安老师又为我们写了一本好书<你好哇,程序员--漫话程序员面试求职.升职加薪.创业与生活>,作为一个干了十余年程序员的我,在看这本书时不免有些话要说一说. 你是一个程序员? 是的,准确的 ...
【书评】《你好哇，程序员——漫话程序员面试求职、升职加薪、创业与生活》...
做为一个大龄的十年加工作经验的长像酷似猿的老程序猿,有着对程序员这一职业不一般的情感:这本由安晓辉写的<你好哇,程序员--漫话程序员面试求职.升职加薪.创业与生活>让我觉得不可不看:前 ...
连封面都是递归——《你好哇，程序员——漫话程序员面试求职、升职加薪、创业与生活》...
安老师关于IT从业者职业生涯规划的作品素来以风趣幽默著称,这本书也不例外. 本书中<找工作的辟邪剑谱>章节从寻找意向企业.投简历.内推.笔试.面试等各方面讨论,把自己面试别人和被别 ...
连封面都是递归——《你好哇，程序员——漫话程序员面试求职、升职加薪、创业与生活》
安老师关于IT从业者职业生涯规划的作品素来以风趣幽默著称,这本书也不例外. 本书中<找工作的辟邪剑谱>章节从寻找意向企业.投简历.内推.笔试.面试等各方面讨论,把自己面试别人和被别 ...
程序员看过都说好的资源网站，你值得拥有。
程序员必备的相关资源网站一.技术社区 1.GitHub 2.Gitee(码云) 3.稀土掘金 4.OSCHINA开源中国 5.CSDN 6.博客园 7.SegmentFault(思否) 8.Stac ...
程序员各种PDF格式电子书--免费网盘资源
-请妥善保存,后期还会有更多更新,如果读者有不同的书籍资源或者这里没有你要找的书籍,也可以直接评论,我在这里添加-- 如果有不存在的链接或者失效的,直接私信我或者在下方评论所有的數據链接:链接:ht ...
程序员只拿到5千工资吐槽无法生活，网友：别在意薪资
一名程序员在就职论坛吐槽了自己的遭遇,找了好久的工作才找到5000的工资,不知该如何生活. 很快,这样的帖子勾起了同行的陈年往事,很多大厂的程序员纷纷回忆起当年的自己:有啊,刚毕业找工作的时候去了一家 ...

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

背景

优势

方法

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

round2 修改nginx配置文件

round3 重启后测试

从此

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

最新文章

热门文章