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

Posted 2023-03-10

【中文标题】使用标头参数的邮递员授权工作但不适用于 Axios 标头

【英文标题】：Postman Authorization using header parameter working but not with Axios header

【发布时间】：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 显示无效令牌。

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

我在这里缺少什么，帮助

【问题讨论】：

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

【参考方案1】：

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

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