You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Nuxt 3中间件to与from路由始终相同,引发导航守卫无限重定向

Nuxt 3 路由中间件无限重定向问题解决

问题根源

你的问题核心是已登录时错误返回了navigateTo(to.fullPath),这会触发新一轮导航循环:因为/profile页面绑定了auth中间件,每次重定向到该路径都会再次触发中间件,导致Vue Router检测到无限重定向,抛出警告。日志中to和from路径一致,正是这个循环导致的结果。

解决方案

路由中间件的规则是:仅在需要重定向或中止导航时返回值;若允许正常跳转,直接return(或不返回任何值)即可,无需额外调用导航方法。修改后的auth.ts代码如下:

export default defineNuxtRouteMiddleware((to, from) => {
    const userStore = useUserStore();

    console.log('From auth middleware')
    console.log('to', to)
    console.log('from', from)
    console.log('authenticated', userStore.authenticated)

    // 用户已认证,直接放行,无需返回导航指令
    if (userStore.authenticated === true) {
        return;
    }

    // 用户未认证,重定向到登录页
    return navigateTo('/login');
})

补充说明

  • 修正后,当用户从首页导航到/profile时,from会正确显示为/,to显示为/profile,中间件仅执行一次,不会触发循环。
  • 之前的代码中,已登录时返回navigateTo(to.fullPath)属于冗余操作,完全违背了路由中间件的设计逻辑,是导致问题的直接原因。

内容的提问来源于stack exchange,提问作者Jan

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.28 07:50:06