Javascript Spotify在Vue中验证:获取URL参数
我正在尝试在我的Vue应用程序中使用Spotify Web API。我不想使用身份验证功能。我已经完成了第一步,在回调url中获取代码,如下所示:Javascript Spotify在Vue中验证:获取URL参数,javascript,node.js,vue.js,router,Javascript,Node.js,Vue.js,Router,我正在尝试在我的Vue应用程序中使用Spotify Web API。我不想使用身份验证功能。我已经完成了第一步,在回调url中获取代码,如下所示: http://localhost:8080/callback?code=AQAnxc_TjDhx01EENwy4GvYJqVyOA9xdUalEHxIrj0bF2vXWfuQ8Hy0ecoGTuyMRUiCfyAGYnu-QdloQujO-9c3HhYzIJLkp4ROrymn0dd1zdDfRy9w7C_Vlnxe91lk3rVAsIGDe_Bin
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.');
});
代码没有问题,但是服务器正在侦听的端口(4000)和请求正在命中的端口(8080)之间不匹配。尝试向:4000发出请求,它应该可以工作。您的服务器收到请求了吗?在控制台上,您是否看到接收呼叫的服务器?是的,它收到请求并在控制台上打印“null”。尝试用req对象替换console.log中的代码变量;控制台日志(req)。输出是什么?输出是一个很长的输入消息对象。没错,它是一个很长的对象。它应该有一个查询属性,让我们检查一下它是否真的有查询属性。尝试将console.log中的(req)替换为(req.query),是否在输出中获得查询JSON?