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
相关产品推荐
相关产品推荐

