Vue - Redirected when going from “/login?redirect=%2Fdashboard“ to “/dashboard“ via a navigation

已于 2024-03-06 15:00:48 修改
阅读量6.4k 收藏 3
点赞数 4
分类专栏： + Vue 文章标签： dashboard javascript 原型模式
于 2022-02-12 13:54:21 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44198965/article/details/122894805
版权
+ Vue 专栏收录该内容
155 篇文章 1087 订阅 ¥9.90 ¥99.00
订阅专栏

报错原因

在 vue2 / vue3 项目开发中，出现报错：Redirected when going from “/login?redirect=%2Fdashboard“ to “/dashboard“ via a navigation

permission.js 中 next({ ...to, replace: true }) 会被认为是一个失败的 navigation，

虽然能导航成功，但不再是原来的 to，所以 login 里的 push() 返回一个 rejected Promise。

Error: Redirected when going from “/login?redirect=%2Fdashboard“ to “/dashboard“ via a navigation

解决方案

以下两种方案，请根据实际情况选择。

一、在

了解本专栏 订阅专栏 解锁全文
王佳斌
关注
  • 4
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
专栏目录
订阅专栏
jiaminghi/data-view dataV for vite2 vue3 windows补丁 for npm/yarn
03-20
官网直接安装的不支持vite2+vue3的 主要修复： 1.build或者dev项目时不报错，兼容vite2，vue3； 2.加入deep监听watch，直接在父组件中修改图表中的config参数即可完成图表中的数据变更。 yarn npm cnpm pnpm可通用的，就是底层node_modules位置不一样而已，不过修改原理都是一样的，大家可以自行下载研究，目前仅在windows下测试，macos跟linux还未测试。 下面说下安装步骤： 1.在项目更目录中安装，执行npm install @jiaminghi/data-view即可； 2.将other_modules压缩包解压并覆盖到项目的node_modules文件夹下即可 调用方法，请参考官网文档http://datav.jiaminghi.com/
Redirected when going from “/login“ to “/dashboard“ via a navigation guard.
qq_43340606的博客
09-08 4320
这是因为vue-router路由版本更新产生的问题,导致路由跳转失败抛出该错误; 真正的原因是由于返回了一个Promise对象, 正常的跳转由then方法执行 当正常的路由跳转, 被"路由导航守卫"拦截并重新指定路由时, 由于 this.$router.push() 返回的是Promise对象, 此时then方法不能正常执行, 无法跳转到指定路由, 就触发了该对象的捕获错误的方法, throw抛出错误, 但并不影响程序功能. 解决方案: 在router文件下的index.js中添加下面的代码。 .
Uncaught (in promise) Error: Redirected when going from “/login?redirect=%2Fdashboard“ to “/dashboar
qq_1872583947的博客
11-13 6490
vue项目报错： Uncaught (in promise) Error: Redirected when going from “/login?redirect=%2Fdashboard” to “/dashboard” via a navigation guard. 解决办法 在router文件下的index.js中添加下面的代码 const originalPush = Router.prototype.push; Router.prototype.push = function push(locat
vue或F12报错：Redirected when going from “/login?redirect=%2Findex“ to “/index“ via a navigation guard.
看星星睡觉觉
06-22 2428
分析问题：vue router升级导致没有向下兼容。解决方法：路由router中添加如下代码。
Uncaught (in promise) Error: Redirected when going from “/login?redirect=%2Fdashboard“ to “/“ via
weixin_43862596的博客
11-16 5233
详细错误如下： 出错原因： vue-router路由版本更新产生的问题,导致路由跳转失败抛出该错误，但并不影响程序功能 解决方案： 方案1. 使用编程式导航跳转时，每次使用，后面都跟上.catch方法，捕获错误信息 this.$router.push(’/location’).catch(err => ()) 方案2. 全局解决：替换路由的Push和replace方法，放在src/router/index.js中： import Router from 'vue-router' const ori
Error: Redirected when going from “/login?redirect=%2Fdashboard“ to “/dashboard“ via a navigation
Tom__cy的博客
01-19 1万+
这个问题困扰很久。 之前有看过一个写法 // const originalPush = Router.prototype.push // Router.prototype.push = function push(location, onResolve, onReject) { // if (onResolve || onReject) // return originalPush.call(this, location, onResolve, onReject) // return or
VUE Redirected when going from “/login“ to “/dashboard“ via a navigation guard. 报错
m0_67880202的博客
08-31 721
如果用户未输入信息点击登录按钮，此时handleLogin()方法会执行跳转到主页面，这个过程中进行跳转拦截，没有拿到token，执行 next(‘/login’)，此时从。错误原因：在 Vue 的路由中使用了导航守卫（navigation guard），在从 “/login” 页面跳转到 “/dashboard” 页面时被重定向。如果用户输入的登录信息正确后，点击登录按钮，此时进行跳转拦截，拿到token，进入主页面；（主页面’/'）页面时，导航守卫重定向到了。页面，导致了一个无限循环的重定向。
Error: Redirected when going from “/login?redirect=%2Fdashboard“ to “/xx via a navigation guard
初心不改
11-08 3978
错误
Redirected when going from “/login?redirect=%2Fabout“ to “/“ via 登录后就报错
dwqdfwqdqw的博客
06-24 1275
参考链接：https://blog.csdn.net/qq_42805569/article/details/111238634 原因：vue-router路由版本更新产生的问题,导致路由跳转失败抛出该错误，但并不影响程序功能 解决方案一、 使用编程式导航跳转时，每次使用，后面都跟上.catch方法，捕获错误信息 this.$router.push('/').catch(err => ()) 解决方案二、 全局解决：替换路由的Push和replace方法，放在src/router/index.js中
使用vue-route下的next({ ...to, replace: true })报Redirected when going from “/login“ to “/home“ via a nav
sxj的专栏
07-24 1726
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(
一个为Web开发人员设计的跨平台框架。视频介绍- https://v.qq.com/x/page/i3038urj2mt.html -腾讯/嬉皮士
01-27
Hippy Cross Platform Framework English | | Introduction Hippy is a cross-platform development framework, aiming to help developers write once, run on three platforms(iOS, Android and Web). Hippy is quite friendly to web developers, especially who are familiar with React or Vue. With Hippy, developers are able to create the cross platform app easily. Hippy is now applied in 18 apps reaching hund
jiaminghi/data-view dataV for vite2 vue3 windows补丁 for pnpm
03-19
官网直接安装的不支持vite2+vue3的 主要修复： 1.build或者dev项目时不报错，兼容vite2，vue3； 2.加入deep监听watch，直接在父组件中修改图表中的config参数即可完成图表中的数据变更。 yarn npm cnpm pnpm可通用的，就是底层node_modules位置不一样而已，不过修改原理都是一样的，大家可以自行下载研究，目前仅在windows下测试，macos跟linux还未测试。 下面说下安装步骤： 1.在项目更目录中安装，执行pnpm install @jiaminghi/data-view即可； 2.将other_modules压缩包解压并覆盖到项目的node_modules文件夹下即可 调用方法，请参考官网文档http://datav.jiaminghi.com/
jiaminghi/data-view dataV for vite vue2 补丁 for npm/yarn
04-13
官网直接安装的不支持vite2/3+vue2的 主要修复： 1.build或者dev项目时不报错，兼容vite2/vite3，vue2； 2.加入deep监听watch，直接在父组件中修改图表中的config参数即可完成图表中的数据变更。 yarn npm cnpm ...
vue-count-to:vue-countTo的改造版本，支持 vue 2.0、3.0 版本
04-30
vue2、vue3，亦能在ts下使用运行环境已经测试的运行环境，vite建议使用2.0+，webpack建议使用4.0+、安装 && 引入安装npm install vue3-count-to --save# 或yarn add vue3-count-to --save全局注册import countTo ...
前后端分离，不在同一服务器上部署，报错“strict-origin-when-cross-origin”解决
进击的豌豆的博客
12-07 6435
前后端分离，不在同一服务器上部署，报错“strict-origin-when-cross-origin”解决 Mixed Content: The page at was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint This request has been blocked; the content must be served over HTTPS.
vue-element-admin更新router版本，报错Uncaught (in promise) Error: Redirected from /login?redirect=%2Findex
weixin_42327539的博客
06-15 8865
如题，项目使用了vue-element-admin，版本4.2.1，更新了router版本后，出现这种问题 求助大佬们，帮忙分析一下，是什么原因导致的
用户登录后重定向到原来访问页面
xiaozaq的博客
11-22 1万+
后台管理系统一般都会校验权限，当用户未登录，或者登录后长时间为操作导致session失效，权限校验会导致用户重定向到登录页面。此时希望用户在登录后返回原来的页面。 具体实现方法如下： 1.权限校验重定向到登录页面时，在其重定向的url后添加一个参数保留原来页面的url。 可以自己随意定义，这里我定义的是toUrl。 代码示例： //System.out.println("未登录，未通过验证！ ")...
Vue - Ant Design Vue 中 ＜a-select＞ 选择器组件，既可以选择下拉又可以手动输入文本功能，让 select 选择器同时拥有下拉选择和输入文本（支持手动输入文本和下拉选择）
热门推荐
王佳斌
12-22 1万+
ant组件库的选择器怎么既能选，又能像文本框一样输入。antd-vue的select组件实现既可以输入添加,又可以下拉选择。antdesign select可输入可选择，既可以输入又可以选择得框，如何实现ant选择器能选择项目还能直接输入文本内容，ant-design-vue中的select选择器,对输入值的进行筛选操作 ，vue，ant design vue，select选择器，a-select，a-select实现可下拉选择和手动输入，element-plus组件库中选择器怎么像输入框一样可以输入，既可
Vue - 去掉控制台 Download the Vue Devtools extension for a better development experience: https://xxx 打印
王佳斌
07-06 1万+
前言 这不是报错也不是警告，仅仅是告诉开发者下载它可以获得更好的开发体验。 使用 vue-cli 创建项目启动后，发现控制台默认打印了如下信息： 但就是不想让它控制台打印？一步步关掉它！ ## 下载Vue Devtools扩展以获得更好的开发体验 Download the Vue Devtools extension for a better development experience: https://github.com/vuejs/vue-devtools 关闭打印 打开项目 node_mo
Redirected when going from "/login?redirect=%2Fhome" to "/" via a navigation guard.
最新发布
09-08
在Vue路由跳转错误中出现“Redirected when going from "/login?redirect=/home" to "/" via a navigation guard”错误通常是由于路由守卫导致的。根据引用和引用的信息，有两种解决方案可以尝试。 解决方案一是确保在存储token信息之前先触发守卫路由，然后再执行跳转操作。这可以通过将跳转方法放置在存储token信息之后来实现。具体的代码实现可以参考引用中提供的示例。 解决方案二是将Vue Router降级到较低的版本（例如3.0.7），并手动修改相关代码。具体的操作步骤可以参考引用中提供的说明。请注意，在进行版本降级之前，建议先删除原来的node_modules文件夹，然后使用npm i 或 yarn install重新安装依赖包。 此外，引用中提供了另一种解决方案，即在路由注册之前将一段代码复制粘贴到代码中。这段代码将修改VueRouter的原型方法，以解决该错误。具体的代码实现可以参考引用中提供的示例。 最后，如果以上解决方案都没有解决问题，可以尝试清除浏览器缓存或使用无痕窗口打开Google浏览器，这可能有助于解决问题。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

王佳斌

请作者喝杯咖啡 :)

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值