如何使用vue-router处理错误

pxy2qtax 于 2022-12-19 发布在 Vue.js

关注(0)|答案(1)|浏览(114)

我正在寻找关于错误处理vue-router的最佳方法的建议。我已经实现了一个错误边界组件来捕捉我的应用程序中的全局错误，但是这不适用于vue-router，因为它不是Vue.js生命周期的一部分。我有从API获取数据的导航保护，如果失败了，将如何处理此失败？

1条答案

如果不存在此类路由，请添加通配符路由：

routes = [..
  { path: "/:pathMatch(.*)", redirect: { name: "whois" } },
]

如果您希望不仅在每次推送上处理错误，而且在路由器范围内处理错误，请安装路由器范围的错误处理程序

router.onError(err => {
       print('<!-- router error: ' + err.message + ' -->')
    })