Nuxt 3 @sidebase/nuxt-auth本地登录后重定向回登录页，认证状态异常

• 基于Nuxt 3框架，使用@sidebase/nuxt-auth@0.6.7实现认证功能，已成功对接.NET后端的/login和/user-profile接口
• 登录后自动重定向时，会跳转回/login页面
• 手动调用await signIn({user_name: 'test', password: 'user'}, { redirect: false });阻止重定向后，useAuth()返回状态为authenticated且token存在值

当前nuxt.config.ts中的auth配置：

auth: {
    globalAppMiddleware: true,
    baseURL: process.env.API_BASE_URL,
    provider: {
        type: 'local',
        pages: { login: '/login' },
        endpoints: {
            signIn: { path: '/login', method: 'post' },
            signOut: false,
            getSession: { path: '/user-profile', method: 'get' }
        }
    }
}

1. 检查getSession接口返回格式 #

@sidebase/nuxt-auth的local provider要求getSession接口返回的用户信息必须包含至少一个唯一标识字段（如id、email），若后端返回结构不符合，模块会判定会话无效，触发重定向回登录页。

• 确认.NET后端/user-profile接口返回的JSON包含唯一标识字段，示例正确格式：

{
  "id": 1,
  "user_name": "test",
  "email": "test@example.com"
}

2. 验证token的存储与携带逻辑 #

虽然阻止重定向时token存在，但自动重定向过程中可能存在token未正确携带到getSession请求的情况：

• 检查/user-profile请求的请求头是否携带了Authorization: Bearer <token>
• 若后端/login接口返回的token字段名不是默认的token（比如access_token），需在配置中指定：

auth: {
    // ...其他配置
    provider: {
        type: 'local',
        // ...其他配置
        token: {
            property: 'access_token', // 替换为后端实际返回的token字段名
            headerName: 'Authorization',
            type: 'Bearer'
        }
    }
}

3. 调整全局中间件配置 #

开启globalAppMiddleware: true后，所有路由都会触发认证校验，可能因会话验证时机问题导致误重定向：

• 可尝试配置allow404WithoutAuth选项，避免对404页面进行认证校验：

auth: {
    globalAppMiddleware: {
        enabled: true,
        allow404WithoutAuth: true
    },
    // ...其他配置
}

• 或者关闭全局中间件，在需要认证的页面单独添加auth中间件。

4. 指定登录后重定向目标 #

默认重定向逻辑可能因目标页面的认证规则导致二次跳转，可手动指定重定向地址：

• 在调用signIn时明确目标：

await signIn({user_name: 'test', password: 'user'}, { redirectTo: '/' });

• 或在auth配置中设置默认跳转页：

auth: {
    provider: {
        type: 'local',
        pages: { 
            login: '/login',
            home: '/' // 登录后默认跳转页
        },
        // ...其他配置
    }
}

内容的提问来源于stack exchange，提问作者AhcAngeLe