javascript - 在请求中设置自定义 header

Question

我正在尝试发送以下 request在 native react 环境中使用 Javascript:

>curl -X GET --header 'Accept: application/json' --header "authorization: Bearer <API-TOKEN>" 'https://api.mydomain.com/v1/foo/bar'

这是我的代码:

componentDidMount(){
    return fetch('https://api.mydomain.com/v1/foo/bar',{
      headers: {
        "authorization": "Bearer exampleToken"
      }
    })
      .then((response) => response.json())
      .then((responseJson) => {

        this.setState({
          isLoading: false,
          dataSource: responseJson.movies,
        }, function(){

        });

      })
      .catch((error) =>{
        console.error(error);
      });
  }

在我的 iOS 设备上，屏幕是空白的，我没有收到任何错误或日志消息。

运行 curl 命令会得到预期的 json。

Answer 1

您应该按照以下方式使用；

fetch('https://api.mydomain.com/v1/foo/bar', { 
   headers: new Headers({
     'Authorization': 'Bearer exampleToken'
   })
 });

实例化一个 Headers，其中包含每个 header 键值对。