解决VUE路由跳转出现Redirected when going from “/x“ to “/y“ via a navigation guard.报错

最新推荐文章于 2025-04-15 20:44:53 发布
原创 最新推荐文章于 2025-04-15 20:44:53 发布
· 7.8k 阅读 · 8 ·
版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

当在Vue中遇到'Redirected when going from “/x” to “/y” via a navigation guard.'的错误时，可以尝试降低vue-router版本至3.0.7或者在router/index.js中应用特定解决方案来修复。

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

解决VUE路由跳转出现Redirected when going from “/x” to “/y” via a navigation guard.报错

解决方法：

1、降低 vue-router 的版本

在这里插入图片描述
降到 3.0.7
在这里插入图片描述
注意：修改完后记得删除原有的node_modules文件，再使用npm i 或yarn install生成新node_modules文件

2、第一种解决办法不行的可以使用第二种,直接复制下面代码到router文件下index.js，也是可以解决的。
const originalPush = VueRouter.prototype.push
最低0.47元/天 解锁文章
Uncaught(in promist) Error: Redirected when going from “/“ to “/admin/“ via a navigation guard
晓风残月龙
06-24 1514
1、问题原因：vue在路由过程中没有成功实现预期的页面跳转。
Vue中报错：Redirected when going from “/about“ to “/cart“ via a navigation guard.
xieyuleisss的博客
02-03 1517
VUE路由全局守卫 报错 vue-router版本过高 这个的意思是在router 包升级后 login页面在跳转的时候抛出了一个promise异常 没有接收它 所以报了这个错误 使用路由重定向做了登录验证后, 报错 Error: Redirected when going from “/about” to “/cart” via a navigation guard. 是因为router的版本问题 和vue/lic有冲突 解决方案: 删除 node_modules ，到 package.json 中将
Redirected when going from “/login“ to “/“ via a navigation guard错误
兰颜的博客
09-02 2万+
路由版本："vue-router": "^3.5.2", 添加了路由守卫，然后开始报这个错误， 原因就是路由版本导致的 解决办法 // 导航守卫限制路由跳转 router.beforeEach((to, from, next) => { if (to.path === '/login') { next() var tokenStr = window.sessionStorage.getItem('token') } if (!tokenStr) { next() } e
vue router报错 Redirected when going from “/index“ to “/user“ via a navigation guard
最新发布
DickDiShuiShiChuan的博客
04-15 278
从首页index.vue，点击跳转到user.vue页，通过路由守卫判断，用户是否登录，存储里有没有用户信息，是否需要授权。需要，则跳转到login.vue页面进行登录。不影响使用，可以跳转。增加catch，不让浏览器显示异常。router.js 路由守卫配置。
Vue中报错： Redirected when going from “x“ to “x“ via a navigation guard
2401_84254474的博客
04-12 1037
不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎扫码加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！：一个IT技术社区，对大家很有帮助的，都有超前的技术分享。好的文章值得被更多人看到。：一个分享程序人生或者经验哲理的公众号。
vue Error: Redirected from X to Y via a navigation guard.
阿之阿佐
10-29 1608
看看beforeRouteLeave守卫导致该跳转离开的路由又跳转回来
Uncaught (in promise) Error: Redirected when going from "/login?redirect=%2F" to "/" via a navigation guard. 报错，怎么解决
04-03
这个报错通常是由于 Vue Router 的导航守卫（navigation guards）在处理路由跳转时发生了冲突导致的。具体来说，当从路径 `/login?redirect=%2F` 跳转到根路径 `/` 时，在某个导航守卫中又触发了额外的跳转操作。 #...
使用全局前置路由守卫报Redirected when going from "/" to "/Main" via a navigation guard.
06-15
当你在Vue.js应用中使用全局前置路由守卫（如`beforeEach`...1. 如何在Vue路由守卫中检查用户权限并决定是否重定向？ 2. 全局前置守卫与局部守卫有何不同？ 3. 如果不想让特定路径受到这个全局守卫的影响，应该怎么做？
vue 报错Redirected when going from “A“ to “B“ via a navigation guard.
Stavin Li的博客
05-12 1472
问题： Uncaught (in promise) Error: Redirected when going from "A" to "B" via a navigation guard. "vue-router": "^3.0.7" 解决办法： import VueRouter from 'vue-router'; ... const originalPush = VueRouter.prototype.push; VueRouter.prototype.push = function push(l
路由跳转错误：Uncaught (in promise) Error: Redirected when going from “...“ to “...“ via a navigation guard
热门推荐
weixin_46873254的博客
08-03 3万+
vue路由跳转错误：Uncaught (in promise) Error: Redirected when going from “/layout/home” to “/layout/user” via a navigation guard. Uncaught (in promise) Error: Redirected when going from “…” to “…” via a navigation guard. 在项目开发中，并不是每一个路由跳转都是明确的。 例如很多页面跳转需要登录判断，
Error: Redirected when going from “/“ to “/des“ via a navigation guard. at createRou
xm1037782843的博客
07-18 1867
解决VUE路由跳转出现Redirected when going from “/x“ to “/y“ via a navigation guard.报错。注意：修改完后记得删除原有的node_modules文件，再使用npm i 或。install生成新node_modules文件。
vue路由报错Navigation aborted from “/a“ to “/b“ via a navigation guard.两种解决方案
【03】的博客
08-18 2万+
此情此景，报错 router.beforeEach((to, from, next) => { next(false) } 或者没执行next() router.beforeEach((to, from, next) => { if(false){ next() } } 官方文档所说 xt: Function: 一定要调用该方法来 resolve 这个钩子。执行效果依赖 - xt 方法的调用参数。 xt(): 进行管道中的下一个钩子。如果全部钩子执行完了，则导航的状态就是
Redirected from “xxx“ to “xxx“ via a navigation guard. 解决方案
paaaaak的博客
08-24 4227
1、升级 vue-router 版本. npm un vue-router npm i vue-router -S 2、在配置路由的页面下添加以下代码 （我的是vue-cli搭建的具体位置为： router文件夹 - > index.js ） const originalPush = VueRouter.prototype.push VueRouter.prototype.push = function push(location, onResolve, onReject) { if (onRe
Vue-Router路由跳转错误:Redirected when going from “/about“ to “/logout“ via a navigation guard解决办法
weixin_45203607的博客
10-21 1537
在路由的index.js文件里添加,位置任意都行 const originalPush = VueRouter.prototype.push VueRouter.prototype.push = function push(location, onResolve, onReject) { if (onResolve || onReject) return originalPush.call(this, location, onResolve, onReject) return originalPus
[vue] Vue Router 重定向错误 Redirected when going from “/xxx“ to “/xxx“ via a navigation guard.
jinwenshuo2007的博客
07-22 5599
重定向错误
Error: Redirected when going from “/login” to “/home” via a navigation guard
xiaobai11as的博客
05-10 1万+
排查问题中，我发现登陆界面可以调通后端，没有报错，就难受为什们界面下会有这个报错。 于是用下面这位博主的方法测试（我没成功，但别人很多成功了）。vue路由跳转错误：Error: Redirected when going from “/login“ to “/home“ via a navigation guard._weixin_44039043的博客-优快云博客# 问题描述：vue路由跳转错误：Error: Redirected when going from “/login” to “/home”
使用vue-route下的next({ ...to, replace: true })报Redirected when going from “/login“ to “/home“ via a nav
sxj的专栏
07-24 1962
1、在进行页面登录跳转时提示：Redirected when going from “/login” to “/home” via a navigation guard.，如下图所示： 代码如下： 而且只有登录时才会出现，这里不存在token是否存进去了，这可能是升级版本的问题，那么这里的处理办法是在router/index.js中添加如下代码： const routerPush = Router.prototype.push Router.prototype.push = function push(
解决 vue-router 报错Error: Redirected when going from “/XXX“ to “/XXX“ via a navigation guard.
鹤渺的星球
08-29 1万+
页面切换试会出现，Error: Redirected when going from "/XXX" to "/XXX" via a navigation guard.
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值