破解文件缓存不更新问题

放松一下

于 2015-10-30 11:57:32 发布

阅读量780

点赞数

CC 4.0 BY-SA版权

分类专栏：编程

本文链接：https://blog.youkuaiyun.com/li_lzw/article/details/49509013

编程专栏收录该内容

32 篇文章

订阅专栏

本文介绍了如何处理文件缓存不更新的问题，提供了三种方法：1) 文件头部声明不缓存；2) 动态生成引入文件并添加时间或版本号；3) 静态引入文件时附带时间或版本号。重点推荐静态版本号方案，既能避免反复加载，又能确保文件及时更新。此外，还提到了使用Grunt的grunt-cache-breaker插件来自动化处理版本号的替换，提供了相关的参考资料。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

常用方法：

1、文件头部声明，不缓存文件

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

2、动态生成引入，文件后加时间或者版本号。

document.writeln('<script src="'+node[i].url+'?version='+node[i].version+'"><\/script>')

3、静态引入，文件后加时间或者版本号。

<script type="text/javascript" src="<%=baseURL%>/xhd_js/select-ajax.js?2.0"></script>

静态版本号方案比较好，不会反复加载，而且又能及时更新

可以采用grunt处理版本号的替换。推荐使用 grunt-chache-breaker.配置如下，目前只支持单个html文件内的替换。

 cachebreaker: {
    dev: {
        options: {
            match: [
            {'conf.js':'js/conf.js',
            'common.js':'js/common.js'
          }],
            replacement: 'md5'
        },
        files: {
            src: ['test.html']
        }
    }
}

参考：

https://github.com/PaulTondeur/grunt-cache-busting

https://www.npmjs.com/package/grunt-cache-breaker

http://stackoverflow.com/questions/20437620/dynamically-add-version-number-to-dest-output-files-w-grunt