项目更新上线以后,显示的是旧的项目

问题遇到的现象和发生背景:
项目上线新版本以后,浏览器显示的还是上一个版本的内容
问题相关代码:
通过修改vue.config.js
css: {
extract: {
// 修改打包后css文件名
filename: static/css/[name].${Version}.css, // Version(时间戳)
chunkFilename: static/css/[name].${Version}.css
}
},
configureWebpack: {
output: { // 输出重构 打包编译后的 文件名称 【模块名称.版本号.时间戳】
// filename: utils.assetsPath('js/[name].[chunkhash].' + Version + 'js'),
// chunkFilename: utils.assetsPath('js/[id].[chunkhash].' + Version + 'js'),
filename: static/js/[name].${Version}.js,
chunkFilename: static/js/[name].${Version}.js
},
我想要达到的结果:
上线新版本时,进行浏览器缓存清除

你只修改js和css是没用的
浏览器把这些需要外部加载的文件都缓存了,你更新了也白更新
解决办法
1.在html里设置不允许缓存
2.对于那些连html都缓存了的用户,你可以给网站入口文件改个名字,那么缓存自然失效

你现在这个 不行吗,按道理 应该 不会显示旧的了,哈希值加 时间戳

浏览器缓存的是上一次的文件,ctrl+f5强制刷新一下就可以了
https://blog.csdn.net/qq_53441451/article/details/124423258

嗯 多半是缓存的问题

浏览器无痕模式试试