使用NextAuth与nookies存储token到Cookie失败问题求助

给你列几个直接的排查和解决方向，照着试应该能搞定：

1. 先确认token本身没问题 #

在调用setCookie之前加一行console.log(token)，看看拿到的token是不是有效——有没有空值、undefined，或者带换行/特殊字符的情况。如果token本身就不对，肯定存不进去。

2. 检查setCookie的参数配置 #

既然refresh能正常存储，大概率是token的setCookie参数有问题，尤其是要区分运行环境（客户端/服务器端）调整调用方式：

如果是在客户端（比如页面组件的useEffect、点击事件里） #

补全必要的Cookie属性，避免被浏览器拦截：

const { token, refresh } = response.data;

setCookie(null, '@token', token, {
  maxAge: 60 * 60 * 24 * 30, // 注释写的1个月，这里改成对应秒数
  path: '/',
  sameSite: 'lax', // 防止跨域拦截，本地开发也适用
  secure: process.env.NODE_ENV === 'production', // 生产环境开HTTPS时必须设为true，本地可关闭
  httpOnly: false, // 你要在客户端给api加Authorization头，必须设为false才能读取
});

api.defaults.headers['Authorization'] = `Bearer ${token}`;

如果是在服务器端（比如API路由、getServerSideProps里） #

不能传null，必须传入req和res对象：

// 示例：API路由中的写法
export default async function handler(req, res) {
  // ...调用API拿到response.data的逻辑
  const { token, refresh } = response.data;

  setCookie({ req, res }, '@token', token, {
    maxAge: 60 * 60 * 24 * 30,
    path: '/',
    sameSite: 'lax',
    secure: process.env.NODE_ENV === 'production',
    httpOnly: true, // 服务器端存储建议开启httpOnly，更安全
  });

  // ...其他业务逻辑
}

3. 直接复用refresh的存储参数 #

既然refresh能正常存入，把token的setCookie参数完全改成和refresh的一致，排除参数差异导致的问题。

4. 检查浏览器的Cookie拦截情况 #

打开浏览器开发者工具（F12），切换到Application -> Cookies面板：

• 看看有没有@token这个Cookie，若存在，检查属性是否合理（比如本地HTTP环境下secure设为true会被浏览器忽略）
• 查看是否有红色警告提示，明确Cookie被拦截的原因

额外注意：和NextAuth的兼容 #

如果你同时在用NextAuth的Session，要确保自定义的@token Cookie和NextAuth自带的Cookie（比如next-auth.session-token）没有冲突——名字不要重复，属性设置也别互相影响。

内容的提问来源于stack exchange，提问作者João