如何在代码中控制,使发布后浏览器能够不使用缓存或清缓存?

网站正在狂测阶段,每发布一版之后,有时候会因为缓存导致错误,请问如何用代码控制,使浏览器加载新版本时不要用缓存呢?


函数式编程
浏览 868回答 1
1回答

慕虎7371278

你应该考虑的是如何实现文件版本号 hash 化而不是本末倒置去禁用缓存。当然,本地开发环境直接禁用浏览器缓存即可。meta 标签的控制//&nbsp;栗子如下<meta&nbsp;http-equiv="cache-control"&nbsp;content="max-age=0"&nbsp;/><meta&nbsp;http-equiv="cache-control"&nbsp;content="no-cache"&nbsp;/><meta&nbsp;http-equiv="expires"&nbsp;content="0"&nbsp;/><meta&nbsp;http-equiv="expires"&nbsp;content="Tue,&nbsp;01&nbsp;Jan&nbsp;1980&nbsp;1:00:00&nbsp;GMT"&nbsp;/><meta&nbsp;http-equiv="pragma"&nbsp;content="no-cache"&nbsp;/>简单总结一下我刚才查的资料http-equiv=“pragma"&nbsp;使用content属性的no-cache值表示是否缓存网页http-equiv=“expires"&nbsp;content设为日期能够控制缓存何时过期(注意必须使用GMT时间格式),等于0或-1禁用缓存浏览本站对于各项cache-control的解释,大家可以查看该链接操作文件名使浏览器重新加载文件可以在文件名后面加上MD5,时间戳,哈希值等随机数比如我使用的是webpack打包,此时可以在webpack.config.js中对output的文件名进行配置output:&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;filename:&nbsp;"[name]-[hash:6].js”&nbsp;//&nbsp;加入了哈希 }
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript