如何使用react.js设置SameSite None

Question

我正在使用react.js，我正在尝试将幸运橙集成到我的web应用程序中。我在index.html文件的head标记中添加了代码片段，但是我收到了一个警告：

与http://luckyorange.net/的跨站点资源关联的cookie是在没有SameSite属性的情况下设置的。Chrome的未来版本只有在SameSite=None和Secure的情况下，才会提供带有跨站点请求的cookie。

此外，在测试查看幸运的橘子是否起作用时，它要求在“查看页面源”中搜索术语"lo_site_id“。是我干的，但什么也没发生。我搞错了吗？

问题

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

Answer 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)并不严格，只记录警告。