router.push(‘/‘)跳转不触发重定向

小和尚敲木头2026-04-02 9:15

我来帮你分析为什么 router.push('/') 没有按照预期跳转到 /fenlei 路径。

首先让我查看相关的代码文件：

javascript 复制代码

router/index.js
  {
    path: '/',
    component: Layout,
    redirect: '/fenlei'
  },

已查看文件 index.vue 225-240

已查看文件 index.js 65-85

现在让我查看更多上下文，了解这个函数的完整逻辑：

已查看文件 index.vue 210-236

现在我明白问题所在了！让我解释一下：

router.push('/') 没有跳转到 /fenlei 的原因是：

redirect 配置只在路由匹配时生效，而 router.push() 是编程式导航，不会触发重定向。

具体来说：

路由配置中的 redirect ：在 router/index.js 中，/ 路径配置了 redirect: '/fenlei'，这意味着当用户直接访问 / 时，会自动重定向到 /fenlei。
router.push('/') 的行为 ：在 [TagsView/index.vue](file://E:\JavaProject\sxcm-relic-platform\ruoyi-ui\src\layout\components\TagsView\index.vue) 的 233 行，使用 router.push('/') 是编程式导航 ，它会直接导航到 / 路径，而不会触发路由配置中的 redirect。
Vue Router 的机制 ：redirect 配置只在 URL 匹配路由时自动触发，而通过 router.push()、router.replace() 等编程式导航方法调用时，如果路径已经匹配成功，就不会再触发重定向。

有两种方式可以解决这个问题：

修改 TagsView 组件，直接跳转到目标路径：

vue 复制代码

router.push('/fenlei')