如何获取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 了解更多信息。
我使用了 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 了解更多信息。