这个问题有点受欢迎,但我没有那么幸运。我主要是一名后端人员,所以我一边工作一边学习。
我有一个名为 connect.sid
的 cookie,其值为 12345
。我在我的 chrome 开发工具中看到了这一点。
在我的 React 应用程序中,我控制台记录了 document.cookie
和 localStorage.getItem('connect.sid')
。我得到空值。如何获取12345
的值?
Passportjs , using passport-github2 strategy ,创建了这个cookie。我需要访问它,以便与我的 API 对话。
谢谢
最佳答案
使用react-cookie
可能是获取cookie值的最简单方法。您可以运行npm install react-cookie
,v2将被安装。如果你只想在客户端使用简单的API,我建议使用v1。只需运行npm install react-cookie@1.0.5
,将import cookie from 'react-cookie'
添加到您的文件中并使用cookie.load('connect. sid')
获取 cookie 值。您可以查看README v1 的详细信息。
如果仍然无法获取cookie值,请确认:
- 如果您希望您的 Cookie 在所有页面上都可访问,则将 Cookie 设置为正确的路径,例如
/
。 - cookie 不是 httpOnly cookie , HttpOnly cookie 无法通过 JavaScript 访问。
关于reactjs - 如何在 React 应用程序中访问浏览器 cookie,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44107665/