nginx开启图片、css、js缓存

描述:

在网站程序调试的时候,经常会遇到浏览器的缓存问题导致修改过的前端代码无效果。每次通过浏览器强制刷新后才能清掉缓存。这时如果禁用掉nginx缓存,可以减少一些小麻烦,让浏览器每次到服务器去请求文件,而不是在浏览器中读取缓存文件。

当程序调试好上线后,可以开启nginx缓存,节省服务器的带宽流量,减少一些请求,降低服务器的压力。通过配置nginx的配置文件/usr/local/nginx/conf/nginx.conf实现开关效果

#启用缓存

#设置缓存上面定义的后缀文件缓存到浏览器的生存时间
expires   3d;

#禁用缓存

 #禁止缓存,每次都从服务器请求
 add_header Cache-Control no-store;

#开缓存步骤

  1. 找到nginx配置文件 /usr/local/nginx/conf/nginx.conf (具体位置看实际情况)
  2. vi /usr/local/nginx/conf/nginx.conf 进入编辑模式、加入相应命令
  3. :wq保存后,systemctl restart nginx 重启nginx即可
#根目录
location ^~ /domain/ {    
    root /domain;   
    expires  30d;
}

#静态资料目录
location ~* \.(gif|jpg|jpeg|bmp|png|ico|txt|js|css)$ 
{    
    root /domain;    
    expires  30d;
}

#图片缓存时间设置  
location ~ .*.(gif|jpg|jpeg|png|bmp|swf)$  
{  
expires 8d;  
}  

#JS和CSS缓存时间设置  
location ~ .*.(js|css)?$  
{  
expires 2h;  
}  

网页性能优化工具: https://developers.google.com/speed/pagespeed/insights/

开启前:

开启后:

发表评论

电子邮件地址不会被公开。 必填项已用*标注