在Vue中Spotify Auth:获取URL参数

时间:2018-05-21 20:21:10

标签: javascript node.js vue.js router

我试图在我的Vue应用程序中使用Spotify Web API。我不想使用auth功能。我已经完成了第一步,在我的回调网址中获取代码,如下所示:

http://localhost:8080/callback?code=AQAnxc_TjDhx01EENwy4GvYJqVyOA9xdUalEHxIrj0bF2vXWfuQ8Hy0ecoGTuyMRUiCfyAGYnu-QdloQujO-9c3HhYzIJLkp4ROrymn0dd1zdDfRy9w7C_Vlnxe91lk3rVAsIGDe_BinBrFa0R2XkT-ltG9NqIfbwInJuCT2GuIMitV0kCeKhZ-oC8n41_rGaiEBXNMoXfhVgpsTTgMVGLmizSoYMUL3gr-mxkIPpp1P8ih5QYeC2w#/

一旦我拥有它,我需要使用URL中的代码在POST请求中使用它。但是我没有完成它。我试着用这样的东西听这个

app.get('/callback', function(req, res) {
    var code = req.query.code || null;
    var state = req.query.state || null;

    console.log(code)
});

我做错了什么?

app.js:

const SpotifyWebAPI = require('spotify-web-api-node');
const express = require('express');
const cors = require('cors')
const app = express();
app.use(cors());

const spotify = new SpotifyWebAPI({
    clientId: 'XXX',
    clientSecret: 'XXX',
    redirectUri: 'http://localhost:8080/callback'
});

app.get('/callback/', function(req, res) {

    var code = req.query.code || null;
    var state = req.query.state || null;

    console.log(req.query)
});

app.listen(4000, function () {
    console.log('Listening.');
});

1 个答案:

答案 0 :(得分:1)

代码没有任何问题,但是服务器正在侦听的端口(4000)与请求命中的端口(8080)之间存在不匹配。尝试将请求发送到:4000,它应该可以工作。