Set-Cookie 标头无法跨域工作

Question

我在一个网站上https://aaa.shared.com。该网站（称为A）向url https://zzz.shared.com/some/path（网站Z）发送xhr 请求，并收到带有以下标头的响应：

access-control-allow-credentials: true
access-control-allow-origin: aaa.shared.com
set-cookie: foo=bar; expires=Fri, 01 Jan 2100 00:00:00 GMT; path=/; secure; samesite=none; httponly

（我关注answer on this question添加access-control标头）

现在，我期望的是，无论何时我在 A 或 Z 上，每当请求到达 到 Z （跨域或同源，重要的是请求的 URL）浏览器会添加 cookie，但它不会！此外，我看不到它在浏览器开发工具（F12 -> 应用程序 -> Cookies）中设置。我正在使用 Chrome，但目标是跨浏览器解决方案。

我错过了什么？我发现很难找到有关Set-Cookie 标头在请求不同来源时如何工作的详细信息。

编辑：rowan_z 最初建议将 samesite=lax 替换为 samesite=none，因为此问题的第一个版本中的 A 和 Z 是完全独立的域（仅共享 .com 部分）。我试过了，但没有帮助。但是现在我意识到它们实际上被视为SameSite，因为它们位于shared.com域的不同子域上。所以现在我相信samesite=lax 也应该在这里工作。

更新： 最后，我只是将应用程序aaa.shared.com 移动到具有某些路径zzz.shared.com/aaa/path 的同一子域下，因为处理cookie 和CORS 非常困难。此外，将其配置为使用 localhost 会增加额外的复杂性。

Answer 1

您所做的所有事情确实是必需才能使其发挥作用：

• access-control-allow-credentials: true
• access-control-allow-origin: aaa.shared.com（不是通配符）
• Secure
• SameSite=None

您在发送请求时只是遗漏了一件事：credentials: 'include'。

我创建了一个模拟端点，您可以使用它来测试这行代码两次（在另一个域的控制台中）：

fetch('https://stackoverflow.free.beeceptor.com', { credentials: 'include' });

您会注意到 cookie 将被第二次发送。

如果模拟端点过期（不知道它会持续多久），或者如果有人破坏它，您可以在标头配置中使用此 JSON 在 http://beeceptor.com 上重新创建它：

{
    "Content-Type": "application/json",
    "Set-Cookie": "test=value; Path=/; Secure; SameSite=None;",
    "access-control-allow-origin": "https://yourdomain",
    "Access-Control-Allow-Credentials": "true"
}

Answer 2

您已明确声明 SameSite=Lax 限制跨站点请求发送 cookie。这看起来像是您希望 SameSite=None 允许这些 cookie 的情况。

更多详情：https://web.dev/samesite-cookies-explained