vue.js - 如何使用 vue-router 处理错误

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

最佳答案

如果不存在这样的路由，添加一个通配符路由:

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

如果您不仅希望处理每个 push 上的错误但路由器范围内，安装一个router wide error handler

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

关于vue.js - 如何使用 vue-router 处理错误，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/62703182/