Uncaught (in promise) Error: Redirected when going from “...“ to “...“ via a navigation guard

最新推荐文章于 2024-05-10 16:02:51 发布

小熊代码加

最新推荐文章于 2024-05-10 16:02:51 发布

阅读量4.1k

点赞数 3

分类专栏： Vue.js 文章标签： vue.js

本文为博主原创文章，未经博主允许不得转载。

本文链接：https://blog.csdn.net/qq_36648555/article/details/119910904

版权

Vue.js 专栏收录该内容

83 篇文章 2 订阅

订阅专栏

本文主要讨论了Vue-router版本升级后出现的路由跳转错误，原因是路由守卫拦截导致Promise对象的then方法无法正常执行。为解决这个问题，文章提供了在router/index.js中的解决方案，即重写push方法以确保错误处理。通过这段代码，可以避免路由跳转失败并正确捕获错误。

摘要由CSDN通过智能技术生成

1.vue-router路由版本更新产生的问题,导致路由跳转失败抛出该错误;
真正的原因是由于返回了一个Promise对象, 正常的跳转由then方法执行当正常的路由跳转, 被"路由导航守卫"拦截并重新指定路由时, 由于 this.$router.push() 返回的是Promise对象, 此时then方法不能正常执行, 无法跳转到指定路由, 就触发了该对象的捕获错误的方法, throw抛出错误, 但并不影响程序功能.
在这里插入图片描述
处理：在router文件下的index.js中添加下面的代码。

const originalPush = Router.prototype.push;
Router.prototype.push = function push(location, onResolve, onReject) {
  if (onResolve || onReject)
    return originalPush.call(this, location, onResolve, onReject);
  return originalPush.call(this, location).catch((err) => err);
};