解决vue项目路由拦截跳转登录页错误

最新推荐文章于 2024-06-04 10:23:04 发布

原创最新推荐文章于 2024-06-04 10:23:04 发布 · 1.1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #javascript

本文介绍了一种解决Vue Router在导航守卫中出现重定向错误的方法，通过修改VueRouter原型上的push方法来避免错误的发生。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

报错信息：vue-router.esm.js?8c4f:2065 Uncaught (in promise) Error: Redirected when going from "/home/page" to "/home/my" via a navigation guard.

解决方法：在路由表中添加

const originalPush = VueRouter.prototype.push

VueRouter.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);

}

来解决重定向的报错