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

Question

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

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应用中，我们使用localstorage或session作为我们的令牌id，所以你可以使用localstorage或session。根据您的项目需求，您可以使用任何一个。

东西

localStorage.setItem('variableName', data);

你可以这样保存在localstorage。