Cookie 未在前端设置，即使它存在于网络选项卡中答案

【问题标题】：Cookie is not being set in the frontend even if it is present in the network tabCookie 未在前端设置，即使它存在于网络选项卡中
【发布时间】：2021-09-26 22:20:06
【问题描述】：

我在后端使用 Go 和 mux，在前端使用简单的 html。响应中设置cookie的代码（未满）：

import  "github.com/gorilla/sessions" // this is where sessions come from

var store = sessions.NewCookieStore([]byte("secret"))
store.Options = &sessions.Options{
        MaxAge:   3600 * 24,
        HttpOnly: true,
        Path: "/",
        Secure: true,
    }
session, _ := store.Get(request, "uid")
session.Values["uid"] = token
err = session.Save(request, writer)
if err != nil {
    log.Fatalln(err)
    return
}

这就是我获取的方式：

fetch("http://localhost:8000/user/register", {
          method: "POST",
          headers: {
            "Content-Type": "application/json",
          },
          credentials: 'include',
          body: JSON.stringify(user),
        })

我还在后端启用了 cors：

c := cors.New(cors.Options{
        AllowedOrigins: []string{"http://127.0.0.1:3000"},
        AllowCredentials: true,
    })

set-cookie头的内容：

Set-Cookie: uid=jwt_token; Path=/; Expires=Tue, 20 Jul 2021 08:42:37 GMT; Max-Age=86400; HttpOnly; Secure

cookie 未设置，但在网络选项卡中存在“set-cookie”标头。如果您需要有关我的代码的更多详细信息，请在 cmets 中询问，我将发布指向 pastebin 的链接。

编辑：在找到更好的解决方案之前，我正在从前端设置 cookie，现在后端正在发送带有数据的 json。考虑到我的“初始设计”有点 hacky，但它现在可以工作。

【问题讨论】：

您能否编辑您的问题并添加您在“网络”选项卡中看到的 Set-Cookie 标头的内容？
另外，请说明sessions 的来源。在您的代码 sn-p 中包含所有相关信息（导入等）。
@jub0bs 我在问题中添加了这两个细节。

标签： go web cookies session-cookies setcookie

【解决方案1】：

我认为这与SameSite cookie 属性有关。检查您的响应的标题Set-Cookie 字段最后是否有一个黄色三角形，表示出现问题（我正在使用 chrome 开发工具）。如果是这样，您应该对服务器使用相同的domain 到POST。例如；

假设你从http://127.0.0.1:3000访问前端，并且你的服务器正在监听端口8000那么对服务器的请求应该是这样的；

fetch("http://127.0.0.1:8000/user/register", {
          method: "POST",
          headers: {
            "Content-Type": "application/json",
          },
          credentials: 'include',
          body: JSON.stringify(user),
        })

这是因为localhost 和127.0.0.1 被视为不同的主机。有关SameSite 属性的更多信息，您可以查看MDN docs。

【讨论】：