我试图在React Native中使用fetch
从Product Hunt API中获取信息.我已经获得了正确的访问令牌,并将其保存到State,但似乎无法在GET请求的授权标头中传递它.
以下是我目前掌握的情况:
var Products = React.createClass({
getInitialState: function() {
return {
clientToken: false,
loaded: false
}
},
componentWillMount: function () {
fetch(api.token.link, api.token.object)
.then((response) => response.json())
.then((responseData) => {
console.log(responseData);
this.setState({
clientToken: responseData.access_token,
});
})
.then(() => {
this.getPosts();
})
.done();
},
getPosts: function() {
var obj = {
link: 'https://api.producthunt.com/v1/posts',
object: {
method: 'GET',
headers: {
'Accept': 'application/json',
'Content-Type': 'application/json',
'Authorization': 'Bearer ' + this.state.clientToken,
'Host': 'api.producthunt.com'
}
}
}
fetch(api.posts.link, obj)
.then((response) => response.json())
.then((responseData) => {
console.log(responseData);
})
.done();
},
我对代码的期望如下:
- 首先,我将使用导入的API模块中的数据创建一个访问令牌
- 之后,我将
this.state
的clientToken
属性设置为等于接收到的访问令牌. - 然后,我将运行
getPosts
,它将返回一个包含Product Hunt当前帖子数组的响应.
我能够验证是否正在接收访问令牌,以及this.state
是否正在将其作为clientToken
属性接收.我还能够验证getPosts
是否正在运行.
我收到的错误如下:
{"error":"unauthorized_oauth","error_description":"请提供有效的访问令牌.有关如何授权api请求,请参阅我们的api文档.还请确保您需要正确的作用域.例如访问私有端点的\"private public\"
我一直在假设我没有在授权头中正确地传递访问令牌,但似乎无法确切地找出原因.