在请求中设置自定义标题

时间:2018-11-04 10:46:26

标签: javascript react-native

我正在尝试在本机环境中使用Javascript发送以下request

>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。

1 个答案:

答案 0 :(得分:3)

您应按以下方式使用;

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

实例化一个Headers,其中每个标头键,值对在内部。