vue 强制清除浏览器缓存

（1）最基本的方法就是，在打包的时候给每个打包文件加上hash 值，一般是在文件后面加上时间戳

//在vue.config.js 文件中，找到output：
const Timestamp = new Date().getTime()
output: { // 输出重构  打包编译后的 文件名称  【模块名称.版本号.时间戳】filename: `[name].${process.env.VUE_APP_Version}.${Timestamp}.js`,chunkFilename: `[name].${process.env.VUE_APP_Version}.${Timestamp}.js`}

（2）在html 文件中加入meta 标签（不推荐此方法）

<meta http-equiv="pragram" content="no-cache">
<meta http-equiv="cache-control" content="no-cache, no-store, must-revalidate">
<meta name="viewport" content="width=device-width,initial-scale=1.0">

（3）需要后端陪着，进行 nginx 配置　


location = /index.html {add_header Cache-Control "no-cache, no-store";
}
原因： 第二种方法浏览器也会出现缓存，配置之后禁止html 出现缓存
no-cache, no-store可以只设置一个
no-cache浏览器会缓存，但刷新页面或者重新打开时 会请求服务器，服务器可以响应304，如果文件有改动就会响应200
no-store浏览器不缓存，刷新页面需要重新下载页面

（4）在脚本加载时加入一个时间戳，修改 webpack.prod.conf.js 文件。（未使用过该方法，需要实践）

const version = new Date().getTime();
new HtmlWebpackPlugin({filename: config.build.index,template: 'index.html',inject: true,hash: version,favicon: resolve('icon.ico'),title: 'vue-admin-template',minify: {removeComments: true,collapseWhitespace: true,removeAttributeQuotes: true}
})

vue 强制清除浏览器缓存相关推荐

vue 删除页面缓存_vue项目强制清除页面缓存的例子
异常描述: 支付宝中内嵌h5项目(vue框架开发),前端重新打包上传之后访问页面会导致页面空白.页面tab点击异常之类异常情况,需要手动清除支付宝缓存才可以正常访问. 解决方案: 在HTTP协议中,只 ...
js清除浏览器缓存的几种方法（项目总结）
以前很少关注这方面的问题,直达我们的技术经理找我们说要换框架,为什么换框架呢,因为缓存的问题,原来的项目是用版本号作为刷新的依据的.因为微信公众号上有这样一个机制,使用版本好的话,有时做不到及时刷新 ...
如何清除浏览器缓存？
web开发中经常遇到一些很奇怪的问题,例如,发现了问题,改了脚本,结果发布后,问题依然存在,但在服务器上一看,发布的脚本确实改了!!最后才发现,是浏览器缓存在作怪!! 现在讨论几种清除浏览器缓存的 ...
怎样清除浏览器缓存？
web开发中常常遇到一些非常奇怪的问题.比如.发现了问题,改了脚本,结果公布后,问题依旧存在,但在server上一看,公布的脚本确实改了!! 最后才发现,是浏览器缓存在作怪! ! 如今讨论几种清除浏览 ...
清除浏览器缓存的所有方法
1.清除浏览器缓存 1.Disable cache 打开开发者工具(F12),选择 Network--Disable cache 即可.需要清除某网站缓存时 F12 打开开发者工具就会自动清除这个网站 ...
如何在所有主要浏览器中清除浏览器缓存（快速方式）
When fixing common WordPress errors, one common piece of advice that you would often receive is to & ...
Mac chrome强制刷新浏览器缓存、firefox强制刷新浏览器缓存
1.chrome强制刷新浏览器缓存普通刷新:command +r 强制刷新:command+shift+r 删除cookie等:command+shift+del 点击[清除数据]按纽,注意勾选的选 ...
win7怎么清理java缓存文件夹_Win7怎么清除浏览器缓存？清除电脑缓存的妙招
电脑使用久了之后,缓存文件也将越来越多,慢慢的你会觉得系统变得很卡,所以我们需要定期的清除缓存.而产生缓存的来源,无非就是系统和运用程序,其中应用程序就属浏览器的缓存最多了,那么Win7系统下要怎么清 ...
html js清除缓存,js清除浏览器缓存的几种方法
JS 缓存的问题一直都是我们又爱又恨的东西.也是我们比较头痛的问题, 一方面为了提高网站响应速度,减少服务器的负担,和节省带宽,将需要将静态资源缓存在客户端, 但是另一方面,当js 文件有改动的时候, ...
java 强制清除缓存_IDEA强制清除Maven缓存的方法示例
重新导入依赖的常见方式下面图中的刷新按钮,在我的机器上,并不能每次都正确导入pom.xml中写的依赖项,而是导入之前pom.xml的依赖(读了缓存中的pom.xml). 当然除了这些,还可以下面这样 ...

vue 强制清除浏览器缓存

vue 强制清除浏览器缓存相关推荐

最新文章

热门文章