vue-router报Uncaught (in promise) Error: Redirected when going from “XX“ to “XX“，并且无法正常进入路由

wobofan2006

于 2023-03-15 16:58:51 发布

阅读量734

点赞数

分类专栏：前端文章标签： vue.js javascript 前端

本文链接：https://blog.youkuaiyun.com/wobofan2006/article/details/129560761

版权

前端专栏收录该内容

8 篇文章

订阅专栏

当在Vue-router的导航守卫中强制添加参数时，遇到一个特定情况导致不仅报Uncaught(inpromise)Error:Redirectedwhengoingfrom“XX”to“XX”的错误，而且无法正常路由。问题的根本原因在于from和to路由的name属性重复。修复这个问题的方法是避免路由名冲突。

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

vue-router报Uncaught (in promise) Error: Redirected when going from “XX“ to “XX“，，并且无法正常进入路由

有很多帖子关于这个报错，情况都是只在控制台报错，能够正常进入路由。给的解决办法就是catch住error不报错

今天碰到一种情况，不但报这个错，而且无法进入路由。具体功能是在路由守卫里强制添加一个参数。

if (from.query.xxx
     && !to.query.xxx) {
    next({
      ...to,
      query: {
        ...to.query,
        xxx: from.query.xxx
      },
      replace: true
    })
  } else {