解决VUE项目更新后需要客户手动刷新浏览器和发版之后页面出现白屏的问题

baby加油_

于 2024-07-02 10:19:20 发布

阅读量87

点赞数

文章标签： vue.js 前端 javascript

原文链接：https://blog.csdn.net/w807139809/article/details/135843623

版权

跳转路由页面加载该页面js文件404时，触发router.onError

解决办法：
在router.js中加入路由的onerr方法

// router.js
router.onError((error) => {
  // 这里是用elementUI的组件库弹个提示  要改成自己项目使用的组件库
    ElementUI.Message({
      message: '系统已升级，正在刷新本地存储，请稍候...',
      type: 'warning',
      duration: 1500,
      offset: 60
    })
    location.reload()
})