Vue项目强制清除浏览器的缓存
Vue项⽬强制清除浏览器的缓存（1）最基本的⽅法就是，在打包的时候给每个打包⽂件加上hash 值，⼀般是在⽂件后⾯加上时间戳
//在fig.js ⽂件中，到output：
const Timestamp = new Date().getTime()
output: { // 输出重构打包编译后的⽂件名称【模块名称.版本号.时间戳】
filename: `[name].${v.VUE_APP_Version}.${Timestamp}.js`,
chunkFilename: `[name].${v.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）在脚本加载时加⼊⼀个时间戳，修改f.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
}
})

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。