React Native使用fetch()发起POST请求时遇Unsupported_grant_type错误

看来你在调试OAuth token请求的时候卡壳了，试了一堆格式都没搞定对吧？先把你的代码片段规范整理并补全（按常见的OAuth密码模式推测），再给你捋捋最容易踩的格式坑：

先规范你的代码片段（补全常见缺失部分） #

var endpoint = "oauth/token";
let userData = {
  "username" : user[0], // MemberCenterLanding
  "password" : user[1], // testpass
  "grant_type" : "password" // OAuth密码模式必填参数，推测你代码截断漏了这个
};

// 假设你创建header并调用fetchAPI的逻辑
let headers = new Headers();
headers.append("Content-Type", "application/x-www-form-urlencoded");

// 传递给通用fetchAPI函数
fetchAPI(endpoint, {
  method: 'POST',
  headers: headers,
  body: JSON.stringify(userData)
});

最可能导致格式无效的几个原因 #

• Content-Type与请求体格式不匹配：
  OAuth的token接口几乎都要求application/x-www-form-urlencoded格式的请求体，而不是JSON。如果你的header设成了表单格式，但body用JSON.stringify转成了JSON字符串，或者反过来，API肯定认不出来。正确的做法是把参数转成URLSearchParams格式：

  const formBody = new URLSearchParams(userData);
  // 然后把formBody作为body传递
  

• 缺失OAuth必填参数：
  密码模式的token请求必须包含grant_type=password这个参数，从你截断的代码看，大概率是漏了这个关键项，这是新手最容易犯的错误。

• Endpoint路径不完整：
  确认endpoint是不是包含了完整的域名？如果你的fetchAPI函数没有自动拼接基础URL，那只传oauth/token会导致请求路径错误，应该写成https://your-api-domain.com/oauth/token（替换成你的实际域名），或者在fetchAPI里自动拼接基础URL。

• 缺少客户端认证头：
  很多OAuth服务要求客户端在请求时带上Authorization头，格式是Basic [base64编码的client_id:client_secret]，如果没加这个，会直接返回401未授权错误。比如：

  const clientId = "your-client-id";
  const clientSecret = "your-client-secret";
  headers.append("Authorization", "Basic " + btoa(`${clientId}:${clientSecret}`));
  

调试小技巧 #

打开浏览器开发者工具的Network面板，查看发送的请求：

• 检查Request Headers里的Content-Type是不是和API文档要求一致
• 查看Request Payload或Form Data，确认参数是不是正确传递了
• 看返回的状态码和错误信息，400通常是格式/参数问题，401是认证问题，404是路径错误

内容的提问来源于stack exchange，提问作者Ray Jonathan