Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/node.js/35.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Spotify在Vue中验证:获取URL参数_Javascript_Node.js_Vue.js_Router - Fatal编程技术网

Javascript Spotify在Vue中验证:获取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

我正在尝试在我的Vue应用程序中使用Spotify Web API。我不想使用身份验证功能。我已经完成了第一步,在回调url中获取代码,如下所示:

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?