在 reactjs 中将令牌存储在 cookie 或本地存储中

Question

我有一个 reactjs 登录应用程序，我想将从 API 获得的 token 存储到 cookie 或者本地存储，下面的代码是我使用的基本认证POST方法。你能告诉我如何将令牌存储在 reactjs 的 cookie 或本地存储中吗？哪个更好？

  const xhr = new XMLHttpRequest();
    const data = "access_token=value";
    const url = "https://api";
    xhr.open("POST", url);
    xhr.setRequestHeader("content-type", "application/x-www-form-urlencoded");
    xhr.setRequestHeader(
      "Authorization",
      "Basic " + btoa("Username:Password")
    );
    xhr.send(data);
    xhr.onreadystatechange = () => {
      if (xhr.readyState === XMLHttpRequest.DONE) {
        console.log(xhr.response);
      }
    };

我的响应有一个令牌参数及其值。

Answer 1

通常在 Web 应用程序中，我们使用本地存储或会话来访问我们的 Web 应用程序中的令牌 ID。所以，你可以使用 localstorage 或 session。根据您的项目要求，您可以使用任何一个。

示例

localStorage.setItem('variableName', data);

你可以这样保存到localstorage中。

在 reactjs 中将令牌存储在 cookie 或本地存储中

store token in cookie or local storage in reactjs

javascript

cookies

local-storage

reactjs