vue打包后因为缓存的存在导致页面访问出错

本文介绍了一种在项目迭代更新过程中遇到的问题:使用Jenkins部署Vue项目到Nginx时,移动端URL参数丢失并导致部分页面错误。文章提供了解决方案——在Vue打包配置中为文件名添加时间戳。
出现的问题

项目迭代更新通过jenkins 部署vue项目,项目部署在nginx内,如果手机端之前有打开过相关的页面,那么在代码上传成功后再次打开,原本url携带的参数会消失。有的页面会报错。尤其在钉钉,微信中

解决办法

在vue打包时,在文件名添加时间戳。

configureWebpack:{
 output: {
      // 输出重构  打包编译后的 文件名称
      filename: `js/[name].${TimeStamp}.js`,
      chunkFilename: `js/[name].${TimeStamp}.js`,
    },
}
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值