javascript - Spotify 隐式授权流程 - 缺少必需参数 : client_id

Question

我遇到了一个我不明白的问题!我正在开发一个react-native(js)应用程序，它尝试使用隐式授权流访问Spotify api。

这是我获取访问 token 的方法:

async function getTokenFromAPI() {
    try {
        var params = {
            client_id: '<client_id>',
            response_type: 'token',
            redirect_uri: 'http://localhost:8888/callback'
        };

        var esc = encodeURIComponent;
        var query = Object.keys(params)
            .map(k => `${esc(k)}=${esc(params[k])}`)
            .join('&');

        fetch('https://accounts.spotify.com/authorize', query).then(function (response) {
            console.log('response, ' + JSON.stringify(response));
            return response;
        })
    } catch(error) {
        console.error(error);
    }
}

但它回答说:缺少必需参数:client_id

我还使用 Postman 来检查我的请求是否正确，并且得到了相同的响应...

有什么问题吗？在他们的doc上他们说这是一个只有 3 个参数的 GET 方法..

提前感谢您提供任何解决方法!

Answer 1

您将查询参数作为fetch的选项提供，而不是将其添加到网址中。

改变这个

fetch('https://accounts.spotify.com/authorize', query).then(function () { ... })

到此

fetch(`https://accounts.spotify.com/authorize${query}`).then(function () { ... })