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

最新推荐文章于 2025-02-05 13:52:10 发布

mi_cy

最新推荐文章于 2025-02-05 13:52:10 发布

阅读量1.1w

点赞数 15

分类专栏： vue

本文链接：https://blog.csdn.net/Tom__cy/article/details/112846816

版权

vue 专栏收录该内容

36 篇文章

订阅专栏

本文探讨了Vue Router中push方法导致的问题，特别是在更改路由模式为history时遇到的挑战。通过分析permission.js文件中的代码，发现了将导航视为失败的情况，并提供了一个简单的解决方案：在push调用后添加.catch(() => {}

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

这个问题困扰很久。

之前有看过一个写法
// 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)
// }


这个写法发现如果改变路由模式  mode 改history 会出问题。

后来仔细研究

permission.js里的next({ ...to, replace: true })会被认为是一个失败的navigation（虽然能导航成功，但不再是原来的to），所以login里的push()返回一个rejected Promise。
解决方案：在push()后面接一个.catch(()=>{})


即：  this.$router.push({ path: '/' }, () => {})