我有一个oauth设置。但是当我想用fetch()函数获取访问令牌时,它只返回一个带有_bodyInit,_bodyBlob和headers之类的对象。所以我只是无法获得JSON对象。如果这在任何方面都很重要,我就在Android上。
代码:
componentDidMount() {
Linking.getInitialURL().then(url => {
if(url) {
console.log(url);
const queries = url.substring(16)
const dataurl = qs.parse(queries);
if(dataurl.state === 'ungessable15156145640!') {
console.log(dataurl.code);
console.log(dataurl.state);
return code = dataurl.code;
}
}
}).then((code) => {
fetch(`https://dribbble.com/oauth/token`, {
method: 'POST',
headers: {
'Accept': 'application/json',
'Content-Type': 'application/json'
},
body: JSON.stringify({
'client_id': 'MY_ID',
'client_secret': 'MY_SECRET',
'code': code
})
})
.then((res) => {
var access_token = res;
console.log(access_token);
});
});
}
答案 0 :(得分:4)
你几乎做对了,但你错过了一步!
fetch不返回json对象,它返回一个Response对象,为了得到json object,你必须使用res.json()
fetch(`https://dribbble.com/oauth/token`, {
method: 'POST',
headers: {
'Accept': 'application/json',
'Content-Type': 'application/json'
},
body: JSON.stringify({
'client_id': 'MY_ID',
'client_secret': 'MY_SECRET',
'code': code
})
})
.then((res) => {
return res.json();
})
.then((json) => {
console.log(json); // The json object is here
});
如果出现问题,最好添加一个捕获。
.then((json) => {
console.log(json); // The json object is here
});
.catch((err) => {
// Handle your error here.
})