vue Loading chunk {n} failed vue-router 错误处理函数

解决方法: 运用vue-router的错误处理函数 onError 捕获错误,代码如下:

router.onError((error) => {

    const pattern = /Loading chunk (\d)+ failed/g;

    const isChunkLoadFailed = error.message.match(pattern);

    const targetPath = router.history.pending.fullPath;

    if(isChunkLoadFailed){

        router.replace(targetPath);

    }

})

注:pattern 具体内容看自己的报错信息

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 场景 vue项目重新打包发布时出现无法跳转问题。打开调试可以看见是无法找到对应的文件。 错误分析 vue打包的时候...
    红尘酿酒贪杯阅读 2,895评论 0 3
  • 前言 vue-router是什么:是vue.js官方的路由管理器和vue.js的核心深度的集成,让开发者更加简单的...
    GUAN_one阅读 3,868评论 0 2
  • 简介 Vue Router[https://next.router.vuejs.org/] 是 Vue[https...
    Whyn阅读 2,733评论 0 1
  • Vue Router 是Vue.js[http://cn.vuejs.org/]官方的路由管理器。它和 Vue.j...
    SY阅读 775评论 0 0
  • 导航守卫 导航守卫主要用来通过跳转或取消的方式守卫导航。 参数或查询的改变并不会触发进入/离开的导航守卫。 1、全...
    SailingBytes阅读 1,229评论 1 3

友情链接更多精彩内容