将令牌添加到本地存储?

时间:2021-02-26 10:57:58

标签: javascript reactjs api

我是 React 和 javaScript 的新手,所以我想知道如何从 api 登录帖子将令牌存储在 localstorage 中。

这是我的登录服务

export const login = async (email, password) => {
try {
    const result = await fetch(
        '',
        {
            method: 'Post',
            body: JSON.stringify({ login: email, senha: password }),
            headers: {
                'Content-Type': 'application/json',
            },
            mode: 'cors',
            cache: 'default',
        },
    );
    const data = await result.json();

    return data;
    
} catch (err) {
    return err;
}};

这是我的登录处理程序

const loginHandler = async () => {
    const result = await login(email, password);
    console.log(result);
    
};

这是我使用有效用户连接到 api 时的控制台输出

{message: {…}, response: {…}}

message: {text: "Login efetuado com sucesso.", type: "Sucess"} 回复: 结果:{令牌: “eyJhbGciiOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1bmlxdWVfb ... jZSpJ9.hDRKzbr4GIoPQgbqXr7BRcGCov1_jN0_PyyG4a99HohE”,ID: “dd668be7-0d2c-406A-a679-deabde770481”,邮件: “manager@gmail.pt”,名称: “经理人”,rgpdAccept:真正} proto:对象 原型:对象

1 个答案:

答案 0 :(得分:0)

您可以使用:

localStorage.setItem("token" , "eyJhbGciiOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1bmlxdWVfb…jZSpJ9.hDRKzbr4GIoPQgbqXr7BRcGCov1_jN0_PyyG4a99HohE")