React+Golang项目Set-Cookie在Safari本地正常服务器环境失效问题

我之前也碰到过类似的Safari跨域Cookie问题，结合你的场景来看，核心原因是Safari的隐私策略比Chrome、Firefox这类浏览器严格得多——尤其是在无SSL证书、用IP地址访问的情况下，再加上你的Cookie配置缺少了关键的SameSite属性，才会出现控制台显示Cookie已接收但实际不存储的情况。下面是针对性的解决步骤：

首先修改你的Cookie生成代码，添加上SameSite属性并指定Domain值，这是让Safari正常存储Cookie的关键：

jwtCookie := &http.Cookie{
    Name:     "jwtToken",
    Secure:   false,
    HttpOnly: true,
    Value:    tokenString,
    Expires:  expiryTime,
    SameSite: http.SameSiteLaxMode, // Lax模式兼容跨域GET请求场景，适合前后端分离
    Domain:   "你的服务器IP地址", // 比如填写"192.168.1.100"，确保前后端同IP下的端口都能识别到这个Cookie
}

这里选择SameSiteLaxMode是因为它既符合Safari的安全要求，又能支持前后端分离的跨域请求；设置Domain为服务器IP，可以明确告诉Safari这个Cookie属于该IP的所有端口。

你的React前端在发送API请求时，必须开启凭据携带选项，否则即使后端正确设置了Cookie，前端也不会存储或携带它：

• 如果用Axios：

axios.post('/api/login', loginData, {
    withCredentials: true
});

• 如果用原生Fetch：

fetch('/api/login', {
    method: 'POST',
    credentials: 'include', // 必须设置这个选项
    body: JSON.stringify(loginData),
    headers: {
        'Content-Type': 'application/json'
    }
});

Safari对IP地址作为站点标识的场景会额外收紧Cookie策略，因为IP没有域名那样的归属验证机制。如果条件允许，建议修改本地hosts文件，把服务器IP映射到一个测试域名（比如test.yourdomain.com），然后用这个域名访问前后端，这会大幅降低Safari的限制。

如果你只是想快速验证功能是否正常，可以临时关闭Safari的跨站跟踪阻止选项：

• 打开Safari偏好设置 → 隐私 → 取消勾选「阻止跨站跟踪」
• 或者在开发者菜单 → 隐私 → 禁用「阻止跨站跟踪」
  注意：这只是临时调试用的，不能作为生产环境的解决方案。

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