1.在index.html文件中需要设置不保存缓存
<!-- 解决版本更新缓存问题 -->
<meta http-equiv="pragram" content="no-cache">
<meta http-equiv="cache-control" content="no-cache, no-store, must-revalidate">
<meta http-equiv="expires" content="0">
no-cache
可以在本地缓存,可以在代理服务器缓存,但是这个缓存要服务器可以使用
no-store
彻底的禁用缓冲,本地和代理服务器都不缓冲,每次都从服务器获取
2.在vue.config.js中(vue 3.0的配置文件,默认没有,需要手动添加)
// 解决版本更新缓存问题 文件后面加时间戳
const Timestamp = new Date().getTime();
module.exports = {
configureWebpack: {
devtool: 'source-map',
output: {
filename: `js/[name].${Timestamp}.js`,
chunkFilename: `js/[name].${Timestamp}.js`
},
}
}
3.nginx配置,让index.html不缓存(后端)
location = /index.html {
add_header Cache-Control "no-cache, no-store";
}
网友评论