设置axios默认时未获取身份验证头

Question

我正在尝试从Vue应用程序内部发送auth标头和axios POST请求。我目前正在从后端获取带有身份验证标头的401，该标头在卷曲时可以工作。

我尝试将其拆分为变量并放入其中，但这没有用，并导致相同的错误（401）。

这只是我要开始使用的axios代码。我已经检查了console.log，并且尝试发送的所有值都存在，尽管我不知道如何在发送前检查axios标头。

axios.defaults.headers.common["Authorization"] = JWTtoken;
axios.post(updateURL, {
  token: result.token
});

无法轻易更改后端代码以进行测试，因此需要弄清楚为什么不从前端发送

我希望它发送正确的标头以及我的请求，这样我就不会收到401状态代码。

Answer 1

我认为您需要这个。

axios.defaults.headers.common["Authorization"] = "Bearer " + JWTtoken;
axios.post(updateURL, {
  token: result.token
});

请注意，我在Bearer中添加了Authorization。这就是根据其introduction使用JWT的方式。

但是，如果答案错误。按照@RuChernChong的建议在开发人员控制台中提供有关您的response的更多信息，以帮助我们。任何错误日志也将有所帮助。

Answer 2

另一种方法是使用Axios全局变量直接从JWT.io设置X-Auth-Token编码，如下所示：

axios.defaults.headers.common["X-Auth-Token"] = "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiIxMjM0NTY3ODkwIiwibmFtZSI6IkpvaG4gRG9lIiwiaWF0IjoxNTE2MjM5MDIyfQ.SflKxwRJSMeKKF2QT4fwpMeJf36POk6yJV_adQssw5c";