Chrome 正在阻止第三方 cookie；要求我设置 Same Site 属性 = None 和 Secure，但没有指定如何或在哪里？

Question

这是我使用 Leaflet.js 热图收到的消息，我看不到我的圆圈标记，我相信这很可能是问题所在。

由于 cookie 的 SameSite 属性未设置或无效，因此默认为 SameSite=Lax，这会阻止 cookie 在跨站请求中发送。此行为可以保护用户数据免遭意外泄露给第三方和跨站点请求伪造。 通过更新 cookie 的属性来解决此问题： 如果应在跨站点请求中发送 cookie，请指定 SameSite=None 和 Secure。这使得第三方可以使用。 如果不应在跨站点请求中发送 cookie，请指定 SameSite=Strict 或 SameSite=Lax。

我正在使用 Javascript，Chrome 的视频说要这样做：

设置Cookie：cname=cvalue；相同站点=无；安全

但是我该在哪里做呢？

Answer 1

// set cookie
app.get("/set-cookie", (req, res) => {
  res.header("Set-Cookie", `username="john doe"; Path=/; HttpOnly; Secure; SameSite=None;`);
  res.status(200).json({ message: "Cookie has been set" });
});

// clear cookie
app.get("/clear-cookie", (req, res) => {
  res.clearCookie("username");
  res.status(200).json({ message: "Cookie has been cleared" });
});