我的第一个个人项目的 Spotify/axios 问题（菜鸟问题）

Question

这可能是一个愚蠢的问题——我在 9 月份才开始学习代码，这是我在 React 中的第一个单独项目（或者说是真的）。

我在第一次构建时碰壁了，试图向 Spotify API 发出 POST 请求以取回访问令牌：

https://developer.spotify.com/documentation/general/guides/authorization/client-credentials/

我不断收到此请求的错误 415，我正在使用 'Content-Type': 'application/x-www-form-urlencoded'，因为他们在 Spotify API 文档中推荐。

任何帮助将不胜感激！

 export const SpotifyAPI = () => { const buffer = new Buffer.from(`${client_id}:${client_secret}`); axios.post( 'https://accounts.spotify.com/api/token', { form: { grant_type: 'client_credentials' }, headers: { Authorization: 'Basic' + buffer.toString('base64'), 'Content-Type': 'application/x-www-form-urlencoded', }, }).then(response => console.log(response));

Answer 1

Axios 没有form选项。 请求的正文进入data参数。 如果您想要 URL 编码数据，则必须将数据转换为字符串，您不能只传递 object。

axios 文档中对此有一个 HOWTO。

---

这是我在 React 中的第一个个人项目

React 通常在浏览器中运行客户端。 您链接到的文档说：

客户端凭据流用于服务器到服务器的身份验证。

它不适用于浏览器中的用户，尝试这样做可能会遇到 CORS 错误并将您的客户端密码泄露给您网站的每个访问者。