javascript - 使用 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
谁能告诉我为什么?谢谢你
解决方案
推荐阅读
- python - 如何使用克莱默规则(Python)找到变量的值?
- c - 为什么 strlen() 有效而我的方法无效?
- angular - Angular 7 ExpressionChangedAfterItHasBeenCheckedError 与 NgsScrollReveal
- javascript - 如何将表格数据放入jQuery中的数组中?
- batch-file - 如何修复批处理文件中的 goto 问题
- django - 如何从 Django 模型中 ImageField 的图像目录中选择一个随机图像?
- android - 仅在从 android studio 的 Datepickerdialog 中选择之后,如何才能显示选定的日期和名称?
- c# - 模型中的虚拟字段在保存时出错
- pdf - 通过使用 Ghostscript 向 PDF 添加边距来缩放页面中的图像
- angular - Angular 2+ npm 启动问题