我正在尝试将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
。