使用 curl 命令进行本机反应以获取 api

Question

我正在尝试将 petfinder APi 用于我正在创建的应用程序，并遵循可在此处找到的 API 文档：https://www.petfinder.com/developers/v2/docs/#developer-resources。

它给出命令：curl -d "grant_type=client_credentials&client_id={CLIENT-ID}&client_secret={CLIENT-SECRET}" https://api.petfinder.com/v2/oauth2/token

我试图将其翻译为 react native 并使用以下代码：

getAdopt1 = async() => {
fetch('https://api.petfinder.com/v2/oauth2/token', {
method: 'POST',
headers: {
Accept: 'application/json',
'Content-Type': 'application/json',
},
body: JSON.stringify({
firstParam: "grant_type=client_credentials&client_id={CLIENT-ID}&client_secret={CLIENT-SECRET}"
}),
}).then((response) => response.json())
.then((responseJson) => {
let res = JSON.stringify(responseJson)
console.log("Response: "+res)
return responseJson;
})
.catch((error) => {
console.error(error);
})
}

但是我收到以下错误：

Response: {"type":"https://httpstatus.es/400","status":400,"title":"unsupported_grant_type","detail":"The authorization grant type is not supported by the authorization server.","errors":[{"code":"unsupported_grant_type","title":"Unauthorized","message":"The authorization grant type is not supported by the authorization server. - Check that all required parameters have been provided","details":"The authorization grant type is not supported by the authorization server. - Check that all required parameters have been provided","href":"http://developer.petfinder.com/v2/errors.html#unsupported_grant_type"}],"hint":"Check that all required parameters have been provided"}

我在这里做错了什么？

Answer 1

您正在发送 JSON 请求，但 API 期望的是表单数据请求。

试试这样的：

var form = new FormData();

form.append('grant_type', 'client_credentials');
form.append('client_id', '{CLIENT-ID}');
form.append('client_secret', '{CLIENT-SECRET}');

fetch('https://api.petfinder.com/v2/oauth2/token', {
  method: 'POST',
  body: form,
}).then(response => {
  console.log(response)
}).catch(error => {
  console.error(error);
})