跨子域名共享Cookie问题求助：Next.js应用无法读取Cookie

核心问题定位与修复步骤 #

• 先确认Cookie的实际设置情况
  打开浏览器开发者工具→「应用」标签→「Cookie」→查看a.example.com下的USER_ID Cookie：

  • 检查Domain字段是否为.example.com，如果显示a.example.com，说明.env里的配置没生效：
    • 确认.env文件放在项目根目录，变量名DOMAIN拼写正确，值为'.example.com'（注意开头的点）
    • Next.js修改.env后需要重启开发/生产服务，否则变量不会加载
  • 检查USER_ID常量的拼写、大小写是否和读取时完全一致，避免因命名不一致导致读取失败

• httpOnly Cookie无法在客户端读取
  你设置的Cookie开启了httpOnly: true，这意味着客户端JavaScript（包括useCookies、js-cookie等工具）完全无法访问这个Cookie，httpOnly Cookie仅允许服务器端读取。
  如果要在应用B中获取该Cookie，必须在服务器端组件、API路由、Server Action中使用next/headers的cookies()方法读取：

  // 应用B的服务器端组件示例
  import { cookies } from "next/headers";
  import { USER_ID } from "@/constants/your-constant-file";
  
  export default function BAppPage() {
    const userCookie = cookies().get(USER_ID);
    const user_id = userCookie?.value;
    return <div>当前用户ID：{user_id}</div>;
  }
  

  如果必须在客户端组件使用该值，可通过服务器端组件props传递，或编写API路由在服务器端读取Cookie后返回给客户端。

• 验证Secure与SameSite配置的有效性

  • secure: true要求Cookie仅在HTTPS连接下传输，如果你的EC2实例未配置HTTPS（使用HTTP访问），Cookie会被浏览器拒绝设置或发送。确保三个子域名均通过HTTPS访问。
  • sameSite: "none"需要配合secure: true使用，否则浏览器会忽略该Cookie，这一点你已经配置正确，但需确认HTTPS环境正常。

• 检查反向代理配置（若使用）
  如果EC2上用了Nginx/Apache做反向代理，需确保代理时正确传递Host头，避免Cookie的domain被篡改：
  以Nginx为例，需添加：

  proxy_set_header Host $host;
  proxy_set_header X-Forwarded-Proto $scheme;
  

  后者确保服务器能识别请求是否为HTTPS，避免Cookie的Secure判断出错。

• 排除浏览器隐私限制

  • 避免在浏览器隐私/隐身模式下测试，部分隐私设置会限制跨子域名Cookie的共享
  • 清除浏览器所有Cookie和缓存，重新登录应用A后再访问应用B测试

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