如何将Pinterest v5 OAuth Token接口的CURL请求转换为Axios并修复请求体错误
问题核心原因
你的代码存在3个需要修正的问题:
- Content-Type头拼写错误,多写了一层
application/前缀,正确值应为application/x-www-form-urlencoded - 直接传递普通JS对象作为请求体,axios默认会将其序列化为JSON字符串,不符合接口要求的urlencoded格式
- 调用axios时重复传入了url参数(第一个参数已传url,配置项中又重复定义),属于冗余代码
修复方案
推荐优先用原生URLSearchParams构造表单数据,无需引入第三方依赖,修复后代码如下:
const redirectUrl = process.env.PINTEREST_OAUTH_CALLBACK_URL; const clientId = process.env.PINTEREST_APP_ID; const clientSecret = process.env.PINTEREST_APP_SECRET; const url = 'https://api.pinterest.com/v5/oauth/token'; // 构造urlencoded格式的请求体 const accessTokenRequestBody = new URLSearchParams(); accessTokenRequestBody.append('grant_type', 'authorization_code'); accessTokenRequestBody.append('code', code); accessTokenRequestBody.append('redirect_uri', redirectUrl); const clientIdAndSecretBase64 = Buffer.from(`${clientId}:${clientSecret}`).toString('base64'); axios({ method: 'post', url: url, data: accessTokenRequestBody, headers: { "Content-Type": 'application/x-www-form-urlencoded; charset=UTF-8', "Authorization": `Basic ${clientIdAndSecretBase64}` } }).then((response) => { const responseData = response.data; const accessToken = module.exports.encodePayloadIntoJWT(responseData); console.log(`Pinterest ResponseData = ${JSON.stringify(responseData, null, 2)}`); }).catch((e) => { console.log(`${JSON.stringify(e.response.data)}`); });
如果你偏好使用qs库处理表单数据,可以安装qs依赖后,将请求体部分替换为如下写法:
import qs from 'qs'; const accessTokenRequestBody = qs.stringify({ code: code, grant_type: "authorization_code", redirect_uri: redirectUrl });
额外注意事项
请确认你传入的redirect_uri参数值,和你之前请求授权码时传入的回调地址完全一致,包括末尾的斜杠、参数等,否则也会触发接口报错。
内容的提问来源于stack exchange,提问作者ololo
相关产品推荐
相关产品推荐

