如何从3000端口上的Nodejs后端重定向到8080端口上运行的vuejs前端以及数据

Question

我可以使用重定向

res.writeHead(302, {
Location: 'http://localhost:8080/path'
})

但我需要在重定向的同时发送一些数据。我该怎么做？

Answer 1

传递重定向数据的一种方法是将其作为查询参数，例如

res.writeHead(302, {
Location: 'http://localhost:8080/path?data=1'
})

在你的vue应用程序上，你可以用获得查询参数

this.$route.query.data

请记住，这是不安全的，如果您正在传递敏感数据，则不建议这样做。

编辑：

如果符合您的需要，您也可以将数据作为路径参数传递，例如，您的vue路由如下：

routes: [
{
path: '/path/:data',
name: 'path',
component: PathPage,
},
]

你可以从你的快递应用程序重定向如下：

res.writeHead(302, {
Location: 'http://localhost:8080/path/50'
})

你可以从你的vue组件中得到这样的参数：

this.$route.params.data // 50

Answer 2

我认为listen()方法是nodejs后端服务器所需要的。

var http = require('http'); 
var url = require('url'); 
http.createServer(function (req, res) { 
console.log("Request: " + req.method + " to " + req.url); 
res.writeHead(200, "OK"); 
res.write("<h1>Hello</h1>Node.js is listening new port"); 
res.end(); 
}).listen(3000); 

线程：更改Node.js侦听端口