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

Question

我正在使用 react.js，我正在尝试集成 lucky orange进入我的网络应用程序。我在 index.html 的 head 标签中添加了代码片段文件，但我收到一条警告说:

A cookie associated with a cross-site resource at http://luckyorange.net/ was set without the SameSite attribute. A future release of Chrome will only deliver cookies with cross-site requests if they are set with SameSite=None and Secure.

还有，测试的时候看whether lucky orange is working or not ，它说在“查看页面源”中搜索术语“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) 没有那么严格，只记录警告。