redirected when going from “/login“ to “/“ via a navigation guard.

最新推荐文章于 2024-03-15 15:14:18 发布
最新推荐文章于 2024-03-15 15:14:18 发布
阅读量1.4k 收藏 4
点赞数 2
分类专栏： Vue 文章标签： javascript 前端 vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zyue_1217/article/details/131188620
版权
文章讲述了在升级vue-router后遇到路由跳转报错的问题，提供了解决方案，包括降级vue-router版本至3.0.7，或者修改this.$router.replace的使用方式，添加catch处理异常。这两种方法都能避免控制台的错误提示。
摘要由CSDN通过智能技术生成

路由全局守卫报错，不解决也不影响，但是控制台一直报错，网上给出的解决方案二
1 给路由降级
vue-router降低版本到3.0.7
2 复制一段代码到路由index中

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)
}

找到一个其他办法
原
this.$router.replace("/")
修改后
this.$router.replace("/").catch(() =>{});
这样就可以
解释:意思是在router 包升级后 login页面在跳转的时候抛出了一个promise异常 没有接收它 所以报了这个错误

参考来源:来源

zyue_1217
关注
专栏目录
Vue中报错：Redirected when going from “/about“ to “/cart“ via a navigation guard.
執筆的博客
11-24 4631
 VUE路由全局守卫 报错  vue-router版本过高  这个的意思是在router 包升级后 login页面在跳转的时候抛出了一个promise异常 没有接收它 所以报了这个错误  使用路由重定向做了登录验证后, 报错 Error: Redirected when going from “/about” to “/cart” via a navigation guard. 是因为router的版本问题 和vue/lic有冲突 解决方案: 1.   删除 node_modules ，到 package.
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
Redirected when going from “/login“ to “/“ via a navigation guard.
fanjunf的博客
09-04 1225
Redirected when going from "/login" to "/" via a navigation guard.
Uncaught(in promist) Error: Redirected when going from “/“ to “/admin/“ via a navigation guard
晓风残月龙
06-24 1211
1、问题原因：vue在路由过程中没有成功实现预期的页面跳转。
vue或F12报错：Redirected when going from “/login?redirect=%2Findex“ to “/index“ via a navigation guard.
看星星睡觉觉
06-22 2910
分析问题：vue router升级导致没有向下兼容。解决方法：路由router中添加如下代码。
Redirected when going from “/login?redirect=%2F“ to “/“ via a navigation guard.
gao20132023的博客
09-02 696
redirect=%2F" to "/" via a navigation guard.更改后代码： this.$router.replace({ path: redirect }).catch(()=>{})原代码：this.$router.replace({ path: redirect })在网上找的方法，vue router升级导致没有向下兼容，降级后也没有解决问题；
Redirected when going from "/login" to "/home/index" via a navigation guard.
12-19
import { getToken } from './utils/auth' const whiteList = ['/login'] // 不需要身份验证的页面 router.beforeEach(async(to, from, next) => { const hasToken = getToken() if (hasToken) { // 如果已经...
Redirected when going from "/login" to "/main" via a navigation guard.
最新发布
09-07
beforeEnter: (to, from, next) => { if (!localStorage.getItem('isLoggedIn')) { next('/login'); } else { next(); } } } ] }); ``` 在这个例子中，当用户尝试从"/login"跳转到"/main"时，beforeEnter...
Error: Redirected when going from "/login" to "/stulogin" via a navigation guard
12-19
根据提供的引用内容，你遇到的错误是"Error: Redirected when going from "/login" to "/stulogin" via a navigation guard"。这个错误通常是由于路由守卫的配置问题导致的。下面是两种可能的解决方案： 解决方案一...
Vue中报错： Redirected when going from “x“ to “x“ via a navigation guard
江咏之
08-21 6310
@vue/cli 4.3.1 vue-router: ^3.3.2 使用路由重定向做了登录验证后, 报错 Error: Redirected from “/login” to “/index” via a navigation guard. Error: Redirected from “/login” to “/index” via a navigation guard. 解决方案: 删除 node_modules ，到 package.json 中将 vue-router 改为 3.0.7 ，重新
Vue: Redirected when going from “x“ to “x“ via a navigation guard
Jensonhui's Blog
07-17 1万+
@vue/cli 4.3.1 vue-router: ^3.3.1 使用路由重定向做了登录验证后, 报错 Error: Redirected from “/login” to “/index” via a navigation guard. 解决方案: 1. 将 vue-router 版本降到 3.0.7 (没有测试) 2. 在 route.js 下粘贴一下代码 // 解决Vue-Router升级导致的Uncaught(in promise) navigation guard..
Redirected when going from “/login?redirect=%2Fabout“ to “/“ via 登录后就报错
dwqdfwqdqw的博客
06-24 1545
参考链接：https://blog.csdn.net/qq_42805569/article/details/111238634 原因：vue-router路由版本更新产生的问题,导致路由跳转失败抛出该错误，但并不影响程序功能 解决方案一、 使用编程式导航跳转时，每次使用，后面都跟上.catch方法，捕获错误信息 this.$router.push('/').catch(err => ()) 解决方案二、 全局解决：替换路由的Push和replace方法，放在src/router/index.js中
Uncaught runtime errors:Redirected when going from
m0_37588079的博客
03-15 570
路由跳转时出这个错了，有些同学说降router版本，其实没必要。简单直接粗暴的解决方案，在你login.vue 或者其他跳转的事件地方，加个 catch 就解决了。
Redirected when going from “/login“ to “/dashboard“ via a navigation guard.
qq_43340606的博客
09-08 4568
这是因为vue-router路由版本更新产生的问题,导致路由跳转失败抛出该错误; 真正的原因是由于返回了一个Promise对象, 正常的跳转由then方法执行 当正常的路由跳转, 被"路由导航守卫"拦截并重新指定路由时, 由于 this.$router.push() 返回的是Promise对象, 此时then方法不能正常执行, 无法跳转到指定路由, 就触发了该对象的捕获错误的方法, throw抛出错误, 但并不影响程序功能. 解决方案: 在router文件下的index.js中添加下面的代码。 .
路由跳转错误：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. 在项目开发中，并不是每一个路由跳转都是明确的。 例如很多页面跳转需要登录判断，
VUE Redirected when going from “/login“ to “/dashboard“ via a navigation guard. 报错
m0_67880202的博客
08-31 979
如果用户未输入信息点击登录按钮，此时handleLogin()方法会执行跳转到主页面，这个过程中进行跳转拦截，没有拿到token，执行 next(‘/login’)，此时从。错误原因：在 Vue 的路由中使用了导航守卫（navigation guard），在从 “/login” 页面跳转到 “/dashboard” 页面时被重定向。如果用户输入的登录信息正确后，点击登录按钮，此时进行跳转拦截，拿到token，进入主页面；（主页面’/'）页面时，导航守卫重定向到了。页面，导致了一个无限循环的重定向。
同一路由强制刷新
leveretz的博客
11-13 988
同一路由强制刷新
vue路由跳转错误：Error: Redirected when going from “/login” to “/home” via a navigation guard.
m0_62783418的博客
02-23 2509
vue路由跳转错误：Uncaught(in promise) Error: Redirected when going from"/login" to "/home" via a navigation guard.(转载自存遇到的问题)
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值