将令牌存储在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.setItem('variableName', data);

您可以通过这种方式保存在本地存储中。

Answer 2

本地存储不安全，很容易被黑客攻击 cookie http 仅更安全。