reactjs - 如何在 React 应用程序中访问浏览器 cookie

标签 reactjs cookies

这个问题有点受欢迎,但我没有那么幸运。我主要是一名后端人员,所以我一边工作一边学习。

我有一个名为 connect.sid 的 cookie,其值为 12345。我在我的 chrome 开发工具中看到了这一点。

在我的 React 应用程序中,我控制台记录了 document.cookielocalStorage.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值,请确认:

  1. 如果您希望您的 Cookie 在所有页面上都可访问,则将 Cookie 设置为正确的路径,例如 /
  2. cookie 不是 httpOnly cookie , HttpOnly cookie 无法通过 JavaScript 访问。

关于reactjs - 如何在 React 应用程序中访问浏览器 cookie,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44107665/

相关文章:

php - 用 PHP 或 JavaScript 处理的大数组

javascript - 在 cookie 中保存背景颜色

javascript - 运行 javascript 一次

javascript - React Hook 函数组件防止重新渲染

javascript - ReactJS 无法使用 event.persist() 设置事件的状态

reactjs - 如何使用material-ui@next MenuItem进行路由?

python - 从请求库 python 处理 cookiejar

php - 在 Kohana 3 中设置 cookies 盐的正确方法是什么?

reactjs - ipcRenderer.on 未在应用程序的 React 端触发

reactjs - 使用鼠标事件值更新 react setState