解决vue多次打包后出现浏览器缓存的问题

当使用Vue.js进行多次打包后,有时浏览器会加载旧的缓存代码导致更新不生效。为解决此问题,可以在vue.config.js配置文件中通过设置输出文件名带时间戳的方式,确保每次打包生成的文件名不同,从而强制浏览器获取新版本的代码。
摘要由CSDN通过智能技术生成

每次打包更新版本上传到服务器上,会偶尔出现代码没有更新还是旧代码的逻辑,这就代表浏览器存在缓存的问题了。

解决方案
每次打包改变js的名称就OK了,在vue.config.js 下修改/添加出口output,通过时间戳命名使每次包的名称都不一样

1、vue-cli3中

const  Timestamp = new Date().getTime(); //时间戳

configureWebpack: {
   
	output: {
    
	   filename: 'js/[name].'+Timestamp+'.js',
	   chunkFilename: 'js/[name].'+Timestamp+'.js'
	}
}
  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值