Nuxtjs/auth刷新重定向登录问题：Axios未携带Cookie求助

看你给出的调试日志，核心问题其实是**服务器端渲染(SSR)**阶段的axios请求没携带浏览器Cookie，导致后端无法识别会话，让auth模块误判用户未登录，触发了不必要的跳转。第一次请求的user-agent是axios/0.20.0，完全没带Cookie，sessionID和第二次浏览器发起的请求完全不同，后端自然返回未登录状态。

下面是针对性的解决方案，一步步来：

1. 配置Axios在SSR时携带Cookie #

在nuxt.config.js里更新axios配置，强制开启凭证携带：

export default {
  axios: {
    baseURL: 'http://localhost:3000', // 替换成你的后端API地址
    credentials: true, // 关键：允许请求携带Cookie等凭证
    withCredentials: true
  },
  // ...其他配置
}

这一步能让SSR阶段的axios请求自动带上浏览器的Cookie，保证前后端使用同一个会话。

2. 优化Auth模块的Local Scheme配置 #

同样在nuxt.config.js里调整auth的核心配置，适配session认证逻辑：

export default {
  auth: {
    strategies: {
      local: {
        endpoints: {
          login: { url: '/api/login', method: 'post', propertyName: 'token' },
          logout: { url: '/api/logout', method: 'post' },
          user: { url: '/api/user', method: 'get', propertyName: false } // 后端返回完整用户对象时设为false
        },
        tokenRequired: false, // Local Scheme依赖session，不需要token验证
        tokenType: false
      }
    },
    redirect: {
      login: '/login',
      logout: '/login',
      home: '/', // 登录成功后的默认跳转页
      callback: false
    },
    rewriteRedirects: true, // 避免刷新时错误重定向
    cookie: {
      prefix: 'auth.',
      options: {
        path: '/',
        maxAge: 60 * 60 * 24 * 7 // 与后端session有效期保持一致
      }
    }
  },
  // ...其他配置
}

重点是tokenRequired: false和tokenType: false，这两个设置能避免auth模块因为找不到token而误判用户未登录。

3. 检查后端Express的Session配置 #

确保你的express-session配置没有问题，尤其是Cookie属性：

const session = require('express-session');
app.use(session({
  secret: 'your-custom-secret-key', // 替换成你的密钥
  resave: false,
  saveUninitialized: false,
  cookie: {
    httpOnly: true,
    secure: process.env.NODE_ENV === 'production', // 生产环境开启HTTPS时设为true
    sameSite: 'lax', // 确保Cookie能在同域请求中正常携带
    maxAge: 60 * 60 * 24 * 7 * 1000 // 与前端Cookie有效期匹配
  }
}));

注意：开发环境用内存存储session没问题，但生产环境一定要换成Redis或数据库存储，避免重启服务器丢失会话。

4. 补充SSR状态验证逻辑 #

可以在自定义的auth中间件里，手动调用后端接口确认会话状态，避免auth模块的误判：

// middleware/auth.js
export default async function ({ $auth, $axios, redirect }) {
  if (!$auth.loggedIn) {
    // 主动调用后端接口验证会话真实性
    const user = await $axios.$get('/api/user').catch(() => null);
    if (user) {
      await $auth.setUser(user);
    } else {
      return redirect('/login');
    }
  }
}

这样即使前端auth状态异常，也能通过后端接口确认真实的登录状态。

完成这些配置后，刷新页面时SSR阶段的请求会正确携带Cookie，后端能识别到已登录的会话，auth模块就不会错误跳转到登录页了。

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