CORS场景下Axios请求无法获取Cookie问题求助

• 检查Cookie的Domain设置是否匹配
  后端设置Cookie的Domain必须和前端页面的域名完全匹配（含子域名规则），比如前端是app.example.com，Cookie的Domain设为example.com是合法的，但设为www.example.com则无法被前端获取。禁止将Domain设为过于宽泛的顶级域名（如.com），浏览器会直接拒绝这类设置。

• 确认前端页面处于HTTPS环境
  当Cookie配置了secure: true时，仅HTTPS协议下浏览器才会保存该Cookie。如果是本地开发的HTTP环境（如http://localhost），secure属性会导致Cookie被忽略。本地测试可临时将secure改为false，上线后再恢复为true。

• 验证CORS的Access-Control-Allow-Origin配置
  后端开启credentials: true后，Access-Control-Allow-Origin绝对不能使用通配符*，必须指定具体的前端域名（如https://your-frontend-domain.com）。通配符与credentials无法共存，浏览器会直接拒绝携带Cookie的请求。

• 检查Cookie的Path设置
  Cookie默认Path为/，如果后端指定了特定Path（如/api），而前端请求路径不在该范围内，浏览器不会保存Cookie。建议直接将Path设为/以覆盖全局，或确保Path与前端请求路径匹配。

• 排查浏览器隐私设置
  无痕模式或手动开启的"阻止所有Cookie"设置会影响Cookie存储。切换到普通浏览器模式测试，或检查当前域名的Cookie权限，确认浏览器允许该域名存储Cookie。

• 查看浏览器Network面板的请求详情
  在Network面板中找到目标请求，先检查Response Headers里的Set-Cookie是否存在：

  • 若存在但Request Headers未携带Cookie，说明浏览器未保存，重点核对Domain、Secure、SameSite等属性是否合规；
  • 若Response Headers无Set-Cookie，则问题出在后端Cookie生成逻辑，需重新检查后端配置。

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