禁止缓存css,js文件

开发状态下，文件缓存令人非常头疼，通常情况下应该禁止缓存。

方法一：路径带参数：

<script>document.write('<script src="js/xxxx.js?version=' + new Date().getTime() + '"><\/script>')</script>

把当前毫秒值作为版本号，每次刷新均不会缓存。能实现效果，只是文件中的每个链接都需要加上。

方法二：html之 meta

<meta http-equiv="Expires" content="0">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Cache-control" content="no-cache">
<meta http-equiv="Cache" content="no-cache">

只需要在每个html页面中设置一次即可。

方法三：服务器响应头

response.setHeader("Cache-Control","no-cache"); //HTTP 1.1 

response.setHeader("Pragma","no-cache"); //HTTP 1.0 

response.setDateHeader ("Expires", 0); //prevents caching at the proxy server 

可以让系统添加一个设置项，debug 模式，如果开启了 debug，则返回该响应头，此时就不会缓存，不再需要在每个页面中设置。