允许对https://accounts.spotify.com/api/token端点的前端JavaScript POST请求

Question

为了在我的Web应用程序中获得Spotify
API的访问令牌（由其Web授权流程指定），我了解到必须提出POST请求。但是，这样做的时候，XMLHttpRequest 500 Error由于跨域问题，我得到了。

我已经弄清楚了如何允许CORS GET请求，但是不确定如何对POST请求执行相同的操作。该链接提供了配置提示，但保留的实际路由，GET并且为POST空。

这是我的Express.js服务器的相关代码：

app.use(function(req, res, next) {
  res.header("Access-Control-Allow-Origin", "*");
  res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept");
  next();
});



app.use(express.static(__dirname + '/public')); // looks in public directory, not root directory (protects files)

app.get('/', function(req, res) {
  // res.header("Access-Control-Allow-Origin", "*");
  // res.header("Access-Control-Allow-Headers", "X-Requested-With");
  res.send(__dirname + '\\index.html')
});

app.post('/', function(req, res) {
    res.send(req.body.spotify);
});

（spotify是spotify-web-api-js节点模块）。

我之前曾尝试将确切的代码复制app.get到中app.post，但这导致服务器崩溃。

这是程序的JavaScript文件中的一部分代码，旨在POST在用户单击将其带到Spotify授权路径开头并批准登录的按钮之后发送请求：

$('#spotify').on('click', function() {
    $.support.cors = true;

    $.post("https://accounts.spotify.com/api/token");

      });

（在这种情况下，spotify是HTML文件中按钮的ID）

在这种情况下，我应该怎么做才能绕开CORS问题？我已经难过了几天。

Answer 1

您可以在https://github.com/spotify/web-api-auth-
examples
上找到使用Express与Spotify进行身份验证流程的示例（请参见authorization_code方法）。

您无法获得向客户端发出的访问令牌的访问令牌/api/token。您需要向发送请求/authorize，该请求将重定向到您的请求，该请求redirect_uri本身将code与访问令牌交换。

检查该示例，它可以满足您的需求。