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/

开启前：

开启后：