首页 > 解决方案 > 使用 Axios 和 React 传递 Header JWT 令牌?

问题描述

首先,邮递员工作得很好: 在此处输入图像描述

我有我的 api 叫

const api = http://localhost:4000/here

我正在尝试使用 Axios 发出获取请求,我正在使用以下代码:


const request = (data) => {
    return axios
        .get(api, { headers: authHeader() },
            { data: data }
        )
        .then((response) => {
            if (response.data.accessToken) {
                console.log(response.data)
                localStorage.setItem("user", JSON.stringify(response.data));
            }

            return response.data;
        });
};

console.log(request.id)

这是authHeader

export default function authHeader() {
    const user = JSON.parse(localStorage.getItem('user'));

    if (user && user.accessToken) {
        return { Authorization: 'Bearer ' + user.accessToken };
    } else {
        return {};
    }
}

结果console.log出来了,undefined 谁能告诉我为什么?谢谢你

标签: javascriptreactjsaxiosjwt

解决方案


推荐阅读