VUE项目打包部署后刷新浏览器不是最新代码

一、问题

每次更新部署完成后都会遇到刷新浏览器不是最新的代码，

二、直接上解决方法：

在项目文件夹下的public文件夹中的index.html的head中添加

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

然后再vue.config.js中添加
代码如下（示例）：

let timeStamp= new Date().getTime();
module.exports = defineConfig({
configureWebpack: { 
		output: { // 输出 添加时间戳到打包编译后的js文件名称
			filename: `static/js/js[name].${timeStamp}.js`,
			chunkFilename: `static/js/chunk.[id].${timeStamp}.js`,
		}
	},
	css: {
		extract: { // 添加时间戳到打包后css文件名称
			filename: `static/css/[name].${timeStamp}.css`,
			chunkFilename: `static/css/chunk.[id].${timeStamp}.css`,
		}
	},
})

---

总结

多学习多总结.最重要的是多看官方文档.