为什么我使用webpack收到CORS错误?

时间:2014-12-29 19:23:33

标签: javascript cors reactjs webpack

我正在尝试将Spotify网络API用于与react捆绑的简单webpack应用。

首先,这是来自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个终结点。

我的链接是一样的,但它现在调用了一个click函数,它在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.

express enpoint是完全相同的代码。我将它复制并粘贴到我的商店。为什么我现在会得到这个错误,而不是vanilla js?为什么我的重定向不起作用?我以为我理解cors

0 个答案:

没有答案