如何使用 vue-router 处理错误

Question

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

Answer 1

如果不存在这样的路由，请添加通配符路由：

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

如果您不仅希望处理每个 push 上的错误，还希望处理路由器范围内的错误，请使用 路由器范围错误处理程序

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