如何在React应用中访问浏览器Cookie

  • Z时代
  • 2024-01-10
  • 分类：问答

这个问题有点流行，但是我没有这么幸运。我主要是一个后端人，所以我会随着学习而学习。

我有一个Cookie，名称connect.sid为12345。我在chrome开发工具中看到了这一点。

在我的React应用中，我控制台登录document.cookie并localStorage.getItem('connect.sid')。我得到空值。如何获得的价值12345？

Passportjs，使用护照github2战略，创建这个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值。您可以检查v1

的自述文件以了解详细信息。

如果仍然无法获取Cookie值，请确认：

  1. /如果您希望cookie在所有页面上均可访问，则cookie设置为正确的路径，例如。

  2. cookie不是httpOnly cookie，HttpOnly cookie无法通过JavaScript访问。

以上是 如何在React应用中访问浏览器Cookie 的全部内容， 来源链接： utcz.com/qa/431477.html

回到顶部