使用标头参数的邮递员授权工作但不适用于 Axios 标头答案

【问题标题】：Postman Authorization using header parameter working but not with Axios header使用标头参数的邮递员授权工作但不适用于 Axios 标头
【发布时间】：2021-07-22 04:29:20
【问题描述】：

使用外部 Vue 应用程序进行 Laravel Jwt API 测试。当我从下拉列表中添加授权时，它工作正常。见下文

但同样的事情是在 Axios（在我的 vue 应用程序中）使用标头配置，但不起作用并显示无效令牌。这是代码

const token = localStorage.getItem("jwtToken");if (token){axios.defaults.headers.common["Authorization"] = "Bearer " + token;}

Reposne 显示无效令牌。

我可以看到开发工具中附加了标题授权。

我在这里缺少什么，帮助

【问题讨论】：

也许这是您将令牌作为承载传递的方式，您确定令牌最后没有空格吗？

标签： laravel api axios jwt bearer-token

【解决方案1】：

尝试在不创建 const 变量的情况下进行检查：

if (localStorage.getItem("jwtToken") === null) {
  axios.defaults.headers.common["Authorization"] = "Bearer " + localStorage.getItem("jwtToken");
}

【讨论】：