2

我正在尝试将web api 与捆绑在一起Spotify的简单应用程序一起使用。 reactwebpack

首先是直接来自 Spotify 的演示应用程序。这很简单。它使用如下链接调用express服务器：

<a href="/login" class="btn btn-primary">Log in with Spotify</a>

然后redirect在快速服务器中运行它。

    app.get('/login', function(req, res) {
      res.cookie(stateKey, state);
      var scope = 'user-read-private user-read-email';
      res.redirect('https://accounts.spotify.com/authorize?' +
        querystring.stringify({
          response_type: 'code',
          client_id: client_id,
          scope: scope,
          redirect_uri: redirect_uri,
          state: state
        }));
    });

它调用另一个端点，redirect_url. 这一切都很好。

这是当我bundle使用webpack然后/login从我的store.

我的链接是一样的，但它现在调用一个点击函数，它在我的store：

function _login(auth, callback) {
    request.get('/login')
        .end(function(res) {
            callback(res);
        });
}

这称为login端点。然后调用时redirect，我得到一个cors错误。

No 'Access-Control-Allow-Origin' header is present on the requested resource.

enpointexpress是完全相同的代码。我从字面上复制并粘贴到我的商店。为什么我现在会收到此错误，但使用 vanilla js 时却没有？为什么我的重定向不起作用？我以为我明白了cors。

4

0 回答 0