如何获取js-cookies?

How to get js-cookies?

我使用了 redux,我想使用这样的 cookie 项来获取我的 API:

import cookies from "js-cookies";

api/get_liste/${cookies.getItem("moncentre")}

当我 运行 我的应用时,${cookies.getItem("moncentre")}null

我的codesandbox:https://codesandbox.io/s/ecstatic-rubin-tf56r?file=/src/App.js:157-212

我该如何解决?

所以这里的问题是,你从来没有在你的应用程序中设置 cookie,然后试图获取根本不存在的 cookie,所以它会 return null 因为在浏览器 cookie 中没有它的价值。

为了设置 cookie,您应该这样做(根据 package provider):

cookies.setItem('_code_sandbox_key', 'Cookie did set.')

工作演示:

您面临的另一件事是您在开发工具中收到的警告,因此根据 this doc此控制台警告不是错误或实际问题 — Chrome 只是在宣传这个新标准以提高开发人员的采用率。要解决此问题,您应该添加 SameSite="none Secure"(然后使用开发工具清除所有 cookie),让浏览器知道该脚本与您的站点无关,它是您正在使用的第三方库。

<script src="https://kit.fontawesome.com/a076d05399.js" SameSite="none Secure"></script>

注意:您可以按照此 thread 了解更多信息。