使用 axios 发送不记名令牌

Question

在我的反应应用程序中，我使用 axios 来执行 REST api 请求。

但它无法随请求一起发送 Authorization 标头。

这是我的代码：

 tokenPayload() {
  let config = {
    headers: {
      'Authorization': 'Bearer ' + validToken()
    }
  }
  Axios.post(
      'http://localhost:8000/api/v1/get_token_payloads',
      config
    )
    .then( ( response ) => {
      console.log( response )
    } )
    .catch()
}

这里 validToken() 方法将简单地从浏览器存储中返回令牌。

所有请求都有一个 500 错误响应，说明

无法从请求中解析令牌

从后端。

如何在每个请求中发送授权标头？你会推荐任何其他带有反应的模块吗？

原文由 rakibtg 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

const config = {
    headers: { Authorization: `Bearer ${token}` }
};

const bodyParameters = {
   key: "value"
};

Axios.post(
  'http://localhost:8000/api/v1/get_token_payloads',
  bodyParameters,
  config
).then(console.log).catch(console.log);

第一个参数是 URL。

第二个是将随您的请求一起发送的 JSON 正文。

第三个参数是标题（除其他外）。这也是 JSON。

原文由 Doctor 发布，翻译遵循 CC BY-SA 4.0 许可协议