javascript - Spotify API 的 POST 请求问题

Question

我正在开发一个 Web 应用程序，您可以在其中搜索 Spotify 库、将歌曲添加到播放列表，然后将该播放列表添加到您的 Spotify 帐户。除了通过对 Spotify API 的 POST 请求保存播放列表之外，一切似乎都正常。它给了我一个“400 Bad Request”错误。我可能只是错过了一些小事，有什么想法吗？请求方式:

async savePlaylist(name, trackURIs) {
        if(accessToken === undefined) {
            this.getAccessToken();
        }
        if (name === 'New Playlist' || name === undefined || trackURIs === undefined) {
            return;
        } else {
            let userAccessToken = this.getAccessToken();
            let headers = {Authorization: `Bearer ${userAccessToken}`};
            let userId = await this.findUserId();
            let playlistID;
            fetch(`https://api.spotify.com/v1/users/${userId}/playlists`, {
                method: 'POST',
                headers: {
                    Authorization: `Bearer ${accessToken}`,
                    "Content-Type": 'application/json'
                },
                body: {
                    name: name
                }
            }).then(response => {return response.json()}
            ).then(playlist => {
                playlistID = playlist.id;
            });
        }
    },

如果您需要查看我正在处理的分支的存储库，可以找到 here .

编辑:可能需要 API Endpoint Documentation

Answer 1

我在您的代码中注意到的两件事是:

Authorization: Bearer ${accessToken}

accessToken 似乎没有在该代码块中的任何位置定义，而是我看到 userAccessToken

第二个也是最可能的错误原因是请求的正文应该是字符串(JSON 字符串化)而不是对象

this answers shows a good example

PS:我不知道为什么有人投了反对票，但没有给出理由，我讨厌这种情况发生