admin管理员组

文章数量:1530085

一、问题

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

二、直接上解决方法：

在项目文件夹下的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`,
		}
	},
})

总结

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

本文标签： 浏览器代码项目最新vue

版权声明：本文标题：VUE项目打包部署后刷新浏览器不是最新代码 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://m.elefans.com/xitong/1726369507a1067476.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。