使用 Express 的重定向功能

Question

res.redirect() 函数 将用户重定向到不同的 URL 状态为 302 的 HTTP 响应 。 然后，HTTP 客户端（浏览器、 Axios 等）将跟随重定向并向新 URL 发送 HTTP 请求，如下所示。

const app = require('express')();

// The `res.redirect()` function sends back an HTTP 302 by default.
// When an HTTP client receives a response with status 302, it will send
// an HTTP request to the URL in the response, in this case `/to`
app.get('/from', (req, res) => {
  res.redirect('/to');
});
app.get('/to', (req, res) => res.send('Hello, World!'));

const server = await app.listen(3000);

const res = await axios.get('http://localhost:3000/from');
// Axios follows the redirect and sends a GET `/to` request, so the
// response will contain the string "Hello, World!"
res.data;

这 res.redirect() 函数还允许您指定 302 以外的 HTTP 状态。302 状态被视为临时重定向 ，这意味着搜索引擎仍将抓取现有 URL。 如果您想指示 URL 已永久更改，则应发送带有 HTTP 状态 301 。

const app = require('express')();

app.get('/from', (req, res) => {
  // The optional first parameter to `res.redirect()` is a numeric
  // HTTP status.
  res.redirect(301, '/to');
});
app.get('/to', (req, res) => res.send('Hello, World!'));

const server = await app.listen(3000);

const res = await axios.get('http://localhost:3000/from');
// "Hello, World!"
res.data;

处理 POST 请求

关于应该为 POST 请求使用哪个状态代码存在一些细微差别。
严格来说， 不需要保持相同的方法和正文内容 在重定向时 如果要重定向 POST 请求，则应使用 HTTP 307 替代 HTTP 302，并 HTTP 308 替代 HTTP 301。

const app = require('express')();
// Parser to set `req.body`
app.use(require('body-parser').json());

app.post('/from', (req, res) => {
  res.redirect(307, '/to');
});
app.post('/to', (req, res) => res.send(req.body.message));

const server = await app.listen(3000);

const res = await axios.post('http://localhost:3000/from', {
  message: 'Hello, World!'
});
// "Hello, World!"
res.data;

以下是这些常见重定向状态之间权衡的简要总结。