如何将 BearerToken 添加到 React API 请求？

Question

React 新手寻求帮助...我正在使用 React 发出 API 请求，如下所示：

class CatsApi {
  static createCat(cat) {
    const request = new Request('http://localhost:4300/api/v1/cats', {
      method: 'POST',
      headers: new Headers({
        'Content-Type': 'application/json'
      }),
      body: JSON.stringify(cat)
    });

    return fetch(request).then(response => {
      return response.json();
    }).catch(error => {
      return error;
    });
  }

同时，我通过 react-devise 对我的 API 进行了身份验证： https://github.com/timscott/react-devise 其中有一个方法getBearerToken 像这样：https://github.com/timscott/react-devise/blob/master/src/actions/authTokenStore.js

如何使用 getBearerToken 向 API 传递令牌，以便 API 请求使用令牌进行身份验证？

谢谢！

Answer 1

您可以使用Authorization 标头，例如：

{ 'Authorization': `Bearer ${authToken}` }

使用fetch，您可以尝试以下方式：

fetch('http://localhost:4300/api/v1/cats', {
    method: 'POST',
    headers: {
        'Authorization': `Bearer ${token}`
        'Accept'       : 'application/json',
        'Content-Type' : 'application/json',
    },
    body: JSON.stringify({
        cat : cat_value,
    })
})
.then((response) => response.json())
.then((responseData) => { console.log(responseData) })
.catch((error) => { console.log(error) })
.done()

此外，如果您在发出请求时可以在控制台或浏览器控制台中查看 Rails 输出，那将是非常棒的。