访问控制允许源拒绝spotify api[重复]

Question

我正在尝试访问 Spotify API 令牌，如下所示：

$.ajax({
  url: "https://accounts.spotify.com/api/token",
  type: 'POST',
  contentType: "application/json; charset=\"utf-8\"",
  crossDomain: true,
  data: {
    grant_type: "authorization_code",
    code: code,
    redirect_uri: "http://www.bancadigital.com.br/spotifyteste/callback.html"
  },
  processData: false,
  dataType: "json",
  headers: {
    Authorization: "Basic " + utf8_to_b64(key)
  },
  success: function( response ) {
    alert(response.access_token);
  },
});

但服务返回以下错误：

XMLHttpRequest无法加载https://accounts.spotify.com/api/token.请求的资源上不存在“Access-Control-Allow-Origin”标头。因此，不允许访问源“http://www.bancadigital.com.br”。

有人知道我如何能访问服务吗？

Answer 1

对< code > https://accounts . Spotify . com/API/token 的请求需要在服务器端发出，而不是作为AJAX请求。

这样，包含应用程序凭据的密钥就不会被公开。此外，Spotify服务器将能够将请求与访问令牌一起重定向到redirect_uri。

另一种方法是使用隐式授权流，您可以在客户端运行一切，但不会获得刷新令牌。

我建议您阅读Spotify Web API授权指南，查看带有auth示例的GitHub repo，并查看使OAuth流程更容易实现的库和包装器。