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

Question

问题遇到的现象和发生背景：
项目上线新版本以后，浏览器显示的还是上一个版本的内容
问题相关代码：
通过修改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
},
我想要达到的结果：
上线新版本时，进行浏览器缓存清除

Answer 1

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