浏览器缓存采坑之路

清理浏览器缓存
方式一：
页面引用js、css文件采用动态引用的方式并且增加版本号区分

<script type="text/javascript">
    document.write('<script type="text/javascript" src="../a.js?version='+ Math.random() + '"><\/script>');
    document.write('<link rel="stylesheet" href="../../css/b.css?version='+ Math.random() + '">');
</script>

方式二:
html文件头使用<meta>标签设置缓存

<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">

<meta http-equiv="pragma" content="no-cache">,pragma与no-cache用于定义页面缓存,不缓存页面(为了提高速度一些浏览器会缓存浏览者浏览过的页面,通过下面的定义,浏览器一般不会缓存页面,而且浏览器无法脱机浏览.)
<meta http-equiv="cache-control" content="no-cache">,常见的取值有private、no-cache、max-age、must-revalidate等，默认为private,其作用根据不同的重新浏览方式分为以下几种情况：
1） 打开新窗口 值为private、no-cache、must-revalidate，那么打开新窗口访问时都会重新访问服务器。 而如果指定了max-age值，那么在此值内的时间里就不会重新访问服务器，例如： Cache-control: max-age=5(表示当访问此网页后的5秒内再次访问不会去服务器) 
2） 在地址栏回车 值为private或must-revalidate则只有第一次访问时会访问服务器，以后就不再访问。 值为no-cache，那么每次都会访问。 值为max-age，则在过期之前不会重复访问。
3） 按后退按扭 值为private、must-revalidate、max-age，则不会重访问， 值为no-cache，则每次都重复访问 
4） 按刷新按扭 无论为何值，都会重复访问 Cache-control值为“no-cache”时，访问此页面不会在Internet临时文件夹留下页面备份。
<meta http-equiv="expires" content="0"> ,指定Expires值为一个早已过去的时间，那么访问此网时若重复在地址栏按回车，那么每次都会重复访问： Expires: Fri, 31 Dec 1999 16:00:00 GMT 比如：禁止页面在IE中缓存 http响应消息头部设置： CacheControl = no-cache Pragma=no-cache Expires = -1 Expires是个好东东，如果服务器上的网页经常变化，就把它设置为0，表示立即过期。 

解释参照 https://www.cnblogs.com/benbentu/p/5360001.html

方式三：
tomcat启动服务自动清理缓存
找到Tomcat的安装目录，修改bin文件夹下的startup.bat文件 在startup.bat文件的头部加上批处理命令。

rd/s/q E:\workspace\apache-tomcat-6.0.45\work\Catalina

方式四：
nginx禁用缓存 location下配置

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

 

#防止从缓存中获取过期的资源

add_header Cache-Control no-cache;

HTTP协议的cache-control常见取值及其组合释义：
no-cache：数据内容不被客户端缓存，每次请求都重新访问服务器，若有mac-age，则缓存期间不访问服务器
no-store：不仅不能缓存，连暂存也不可以（临时文件夹中不能暂存该资源）
private（默认）：只能在浏览器中缓存，只有第一次请求的时候才访问服务器，若有max-age，则缓存期间不访问服务器
public：可以被任何缓存区缓存，如，浏览器，服务器，代理服务器等
max-age：相对过期试驾，即以秒为单位的缓存时间
no-cache，private：打开新窗口时候重新访问服务器，若设置max-age，则缓存期间不访问服务器
private，正数的max-age：后退的时候不会访问服务器
no-cache，正数的max-age：后退时候会访问服务器
点击刷新：无论如何都会访问服务器
Expires:
设置以分钟为单位的绝对过期时间，优先级比Cache-Contro低，同时设置Expires和Cache-Control则后者生效；

例如配置，将html结尾的请求加上no-cache；

即在此请求的location内加上如下配置即可

location / {
    access_log /data/nginx/log/xxx.log api;
    root /home/www/html;
    if ($request_filename ~ .*\.(htm|html)$)
     {
            add_header Cache-Control no-store;
     }
}

解释参照 https://blog.51cto.com/wenxi123/2287459
 

清理缓存问题需要定位当前环境，网上大多都是采用方式1+方式2这种模式，而很多人却依然不起作用。使用方式1+方式2+方式3的模式应该就可以了。另外注意如果服务端采用了nginx代理的话那就需要以上所有方式结合在一起使用最为稳妥 ***