时间戳

首页 > 解决方案 > 我想根据 cookie 的 accessToken 设置状态，但我无法访问 cookie

cookies - 我想根据 cookie 的 accessToken 设置状态，但我无法访问 cookie

问题描述

我正在使用 React，我想访问 cookie，特别是 accessToken，以便我可以根据 accessToken 的存在设置登录（true）。

我尝试了 document.cookies、react-cookies 库，但我无法访问该 cookie...

在此处输入图像描述

即使我可以在浏览器上看到 cookie，每当我像下面这样 console.log(cookies) 时，都是空的。

  1. 当我使用 document.cookie

在此处输入图像描述;

  1. 当我使用 react-cookies

在此处输入图像描述

在此处输入图像描述

和 cors 选项如下

app.use(
  cors({
    origin: true,
    credentials: true,
    methods: ['GET', 'POST', 'PUT', 'DELETE', 'OPTIONS', 'PATCH']
  })
);

我怎么知道有 cookie[accessToken] 和

如何基于 accessToken 使用 setLogin(true)

标签： cookiessetstate

解决方案

这accesstoken是一个httpOnly饼干。该httpOnly标志确保客户端 javascript 无法访问 cookie。

您可以禁用 上的httpOly标志accesstoken以使其可访问。

另一种方法是从 API 获取访问令牌并将其设置为localstorage，这是我见过的最常见的。

您可以尝试在线搜索如何accesstoken在 React 应用中存储

推荐阅读