Access-Control-Allow-Origin拒绝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

请求https://accounts.spotify.com/api/token需要进行服务器端,而不是作为一个AJAX请求.

这样key,包含应用程序凭据的您将不会公开.此外,Spotify服务器将能够将请求重定向到redirect_uri访问令牌.

另一种方法是使用隐式授权流,您可以在其中运行客户端的所有内容,但不会获得刷新令牌.

我建议您查看Spotify Web API授权指南,使用auth示例检查GitHub存储库,并查看使其更容易实现OAuth流的库和包装器.