如何使用 react.js 设置 SameSite-None

IT技术 reactjs
2021-05-20 16:33:43

我正在使用 react.js,并且我正在尝试将幸运橙集成到我的网络应用程序中。我在index.html文件的 head 标签中添加了代码片段,但我收到一条警告:

http://luckyorange.net/上的跨站点资源关联的 cookie设置为没有该SameSite属性。未来版本的 Chrome 将仅在跨站点请求中使用SameSite=None设置 cookie 时才传送 cookie Secure

此外,在测试幸运橙是否正常工作时,它会说在“查看页面源代码”中搜索术语“lo_site_id”。我这样做了,但什么也没出现。我设置错了吗?

问题

如何正确设置 SameSite=None 和安全,为什么我没有看到lo_site_id(我没有使用节点。这只是前端)

1个回答

我遇到了同样的问题,并通过稍微更改 cookie 创建来解决:

const cookies = new Cookies();
cookies.set(key1, value1, {secure: true, sameSite: 'none'});
cookies.set(key2, value2, {secure: true, sameSite: 'none'});

所以添加了最后一个参数,设置 cookie 选项。

我的应用程序使用通用 cookie 包,您可以在此处找到文档:https : //www.npmjs.com/package/universal-cookie

我不知道幸运橙色应用程序,如果它正在设置 cookie,您可能需要调整该嵌入式应用程序的代码。

顺便提一句。Chrome/Edge(90) 现在抛出错误(即不会保存不正确的 cookie),而 Firefox(88) 没有那么严格,只记录警告。