向 Spotify API 返回 401 的 Axios GET 请求

Question

我使用了此 spotify web api reference 中提供的格式和直接从那里生成的访问令牌，但我一直收到 401 错误。这是怎么回事？

    const accessToken = 'string from https://developer.spotify.com/console/get-current-user-playlists/?limit=50&offset=0';
    console.log(accessToken);
    axios
        .get(
            'https://api.spotify.com/v1/me/playlists',
            { params: { limit: 50, offset: 0 } },
            {
                headers: {
                    Accept: 'application/json',
                    Authorization: 'Bearer ' + accessToken,
                    'Content-Type': 'application/json',
                },
            }
        )
        .then((data) => console.log(data))
        .catch((err) => console.log(err));

错误：

GET https://api.spotify.com/v1/me/playlists?limit=50&offset=0 401

Answer 1

想通了。 Post 请求在第二个参数中有 body，在第三个参数中有 headers。但是，Get 请求对于 URL 参数和 headers 只有第二个参数。所以我只需要将 2 objects 合并为一个：

axios
    .get(
        'https://api.spotify.com/v1/me/playlists', {
            params: { limit: 50, offset: 0 },
            headers: {
                Accept: 'application/json',
                Authorization: 'Bearer ' + newAccessToken,
                'Content-Type': 'application/json',
            },
        })
    )

Answer 2

想通了。 Post 请求在第二个参数中有一个 body，在第三个参数中有一个 headers。但是，Get 请求只有 URL 参数和 headers 的第二个参数。所以我只需要将 2 objects 合并为一个

向 Spotify API 返回 401 的 Axios GET 请求

Axios GET request to Spotify API returning 401

spotify

reactjs

axios