为什么我的浏览器不存储跨源请求的 Cookie？

浏览器拒绝在跨源请求中存储 Cookie

问题描述：

使用 Go 服务器的 React 应用程序尽管已成功设置，但在存储登录请求响应中发送的 cookie 时遇到困难。该 cookie 在网络选项卡中可见，但浏览器（Chrome 和 Firefox）不会保存它。

根本原因和解决方案：

经过进一步调查，它发现缺少的成分是获取请求中的“凭据”标志。设置“凭据：“包含””允许浏览器处理和存储响应中收到的 cookie。更正后的获取请求为：

fetch(`${url}/login`, {
    method: "POST",
    headers: {
        "Content-Type": "application/json",
    },
    credentials: "include", // This here
    body: JSON.stringify({
        email: userDetails.email,
        password: userDetails.password,
    }),
}).then((response) => { ...

其他注意事项：

• 确保服务器配置了 CORS 处理程序以允许跨域请求凭据。
• 对于自定义 CORS 配置，请将“AllowCredentials”设置为true。
• 验证响应标头以确认 cookie 已按预期设置。

以上是为什么我的浏览器不存储跨源请求的 Cookie？的详细内容。更多信息请关注PHP中文网其他相关文章！