HTTP获取Spotify API令牌请求失败

Question

在Spotify WebAPI文档的指导下，我试图通过客户凭证方法请求访问令牌。 spotify api doc 。我想使用常规的HTTP提取请求，我无法使用任何第三方库。我收到400个返回状态错误响应：

{error：“ unsupported_grant_type”，error_description：“ grant_type参数丢失”}。

但是，我相信我的请求应为其赠款类型正确格式化。我看过大量文章，MDN Doc和Spotify Doc，我无法弄清楚为什么这不起作用。我将包括我显然从API键中取出的代码，但它们是正确的。 链接到代码。

//Basic imports
import React, { Component, useState , useEffect } from 'react';
//Custom IMPORTS: 
import '../PageCss/HeaderSection.css'



const Spotify = () => {


    const [baseUrl, setBaseUrl] = useState("https://accounts.spotify.com/api/token");
    const [token, setToken] = useState([]);
    const [currentStatus, setStatus] = useState(false);

    const client_id = '';
    const client_secret = '';
    const data = { grant_type: 'client_credentials' };

    useEffect(() => {
        fetch(baseUrl,
            {
                method: 'POST',
                headers: {
                  "Content-Type": "application/x-www-form-urlencoded",
                  'Authorization': 'Basic ' + (client_id + ':' + client_secret).toString('base64')
                },
                redirect: 'follow',
                body: JSON.stringify(data),
            })
      .then((response) => {
        if (!response.ok) {
          return Promise.reject(new Error("Response Error!"));
        }
        else {
          return response.json();
        }
      })
      .catch((err) => {
        console.log(err);
      })
      .then((json) => {
        try {
          setToken(json.results);
          setStatus(true);
          console.log("TOKEN:" + token)

        }
        catch
        {
          return Promise.reject(new Error(`State Error!: Data: ${token} , Connection:${currentStatus}`));
        }
      })
      .catch((err) => {
        console.log(err);
      })
    }, [baseUrl]);


    return (

        <div >
             
        </div>
    )
};



export default Spotify;

我的应用程序是托管在GitHub上的React应用程序。这是一个功能齐全的站点，其他所有内容都可以正常工作。我的其他API获取电话工作正常，所以我知道这必须有问题。给我一个错误的唯一代码行是从提取请求中获得的400个状态。

Answer 1

嘿，所以我实际上收到了使用此代码的Inital代码请求：

fetch(baseUrl,
      {
        method: 'POST',
        body: 'grant_type=client_credentials&client_id=' + client_id + '&client_secret=' + client_secret,
        headers: {
          'Content-Type': 'application/x-www-form-urlencoded'
        }
      })

受OAuth Doc的启发，还有一些研究。它现在起作用，我有Spotify的象征。