php小编草莓在这里为大家介绍一个有关浏览器保存cookie的问题。有时候我们在使用Golang后端发送cookie时，发现浏览器并没有保存下来。这可能是由于一些原因导致的，比如浏览器的隐私设置或者是代码中的一些问题。在本文中，我们将详细探讨这个问题，并提供一些解决方案来确保浏览器能够正确保存Golang后端发送的cookie。让我们开始吧！
问题内容
我知道这个问题已经被问过很多次了，但我尝试了大部分答案，但仍然无法让它发挥作用。
我有一个带有 net/http 包和 js 前端的 golang api。我有一个函数
func setcookie(w *http.responsewriter, email string) string {
val := uuid.newstring()
http.setcookie(*w, &http.cookie{
name: "gocookie",
value: val,
path: "/",
})
return val
}
登录后复制
该函数在用户登录时被调用，我希望它被发送到所有其他端点。这与 postman 的预期一致。但是，当涉及到浏览器时，我似乎无法让它记住 cookie，甚至无法将其发送到其他端点。
使用端点的 js 示例
async function getDataWithQuery(query, schema){
let raw = `{"query":"${query}", "schema":"${schema}"}`;
let requestOptions = {
method: 'POST',
body: raw,
redirect: 'follow',
};
try{
let dataJson = await fetch("http://localhost:8080/query/", requestOptions)
data = await dataJson.json();
}catch(error){
console.log(error);
}
return data;
}
登录后复制
我尝试过在 golang 中设置 samesite 属性，或在 js 中使用 credential: "include" 等答案，但没有成功。
解决方法
感谢评论中的讨论，我找到了一些有关该问题的提示。
保存 cookie（api 和前端位于同一主机上）
我使用document.cookie来保存cookie。我手动设置选项，因为在 api fetch 的响应上调用 res.cookie 仅返回值。一个例子是 document.cookie = `gocookie=${res.cookie};路径=/；域=localhost;。
发送cookie
这个问题已经在之前的问题中回答过，并在评论中再次回答过。问题是我使用了 credential:'include' 而不是正确的 credentials:'include' （复数）。
cors 和 cookie
如果 api 和前端不在同一主机上，您将必须同时修改 api 和前端。
前端
cookie 必须具有 api 的域，因为是 api 需要它，而不是前端。因此，出于安全原因，您无法为另一个域（前端）的域（api）设置 cookie。解决方案是将用户重定向到 api 端点，该端点在响应标头中返回 set-cookie 标头。此解决方案指示浏览器使用附加的域（api 的域，因为 api 发送了它）来注册该 cookie。
此外，您仍然需要在前端包含 credentials:'include' 。
api
您需要设置一些标头。我设置的是
w.header().set("access-control-allow-origin", frontendorigin)
w.header().set("access-control-allow-credentials", "true")
w.header().set("access-control-allow-headers", "content-type, withcredentials")
w.header().set("access-control-allow-methods", method) // use the endpoint's method: post, get, options
登录后复制
您需要公开前端将重定向用户并在响应中设置 cookie 的端点。您可以省略它，而不是手动设置 api 的域，浏览器会自动用域填充它。
要处理 cors 并让 js 成功发送 cookie，您必须在 cookie 中设置 samesite=none 和 secure 属性，并通过 https 提供 api（为了简单起见，我使用了 ngrok）。
像这样
func SetCookie(w *http.ResponseWriter, email string) string {
val := uuid.NewString()
http.SetCookie(*w, &http.Cookie{
Name: "goCookie",
Value: val,
SameSite: http.SameSiteNoneMode,
Secure: true,
Path: "/",
})
// rest of the code
}
登录后复制
我建议您还阅读使用 localstorage 和 document.cookie 之间的区别，这是我遇到的问题之一。
希望这有帮助。
以上就是浏览器不保存Golang后端发送的cookie的详细内容，更多请关注每日运维网(www.mryunwei.com)其它相关文章！
