提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  工具

当前栏目

重定向POST请求带来的问题（307的应用）

应用重定向 问题 带来 请求 post 307
2023-06-13 09:12:32 时间

我们在重新向时会用到两个状态码 301：永久重定向 302：临时重定向 这两种方式在不涉及到数据传输时没有什么问题，一旦涉及到数据传输时，这两种方式可能达不到我们预期的效果 如下需求 提交表单到A页面，但A页面仅作为“中介”使用，并不处理表单提交的数据，而是将请求转发给B页面，B页面在进行数据处理

刚看到这个需求时或许你会想到301重定向的方式 如PHP里面header("Location: $url"); Node.js Koa框架的ctx.response.redirect('url');

我们一起来看下在涉及到数据传输时的301重定向会有什么问题以Node.js为例 A页面=server.js B页面=server2.js A

const path = require('path');
const http = require('http');
const Koa = require('koa');
const Router = require('koa-router');
var bodyParser = require('koa-bodyparser');
let server = new Koa();
server.listen(8080);
server.use(bodyParser());
let router = new Router();
router.post('/redirect',async (ctx,next)=>{
     ctx.response.redirect('http://127.0.0.1:8081/'); 
     ctx.status = 301
})
server.use(router.routes())

B

const path = require('path');
const http = require('http');
const Koa = require('koa');
const Router = require('koa-router');
var bodyParser = require('koa-bodyparser');
let server = new Koa();
server.listen(8081);
server.use(bodyParser());

let router = new Router();
router.post('/',async (ctx,next)=>{
    console.log(ctx.request.body)
    ctx.body='helloword'
})
server.use(router.routes())

为了演示方便，我们将A,B页面分别监听不同的端口，8080，8081 在A页面我们定义了post路由redirect，当被请求时会自动跳转到B，而B接受了post数据并打印然后输出helloword作为成功的标识 使用postMan调试

可以看到什么都没有输出 并且返回了404因为此时请求的各种都没有发送给B，A页面的重定向默认是get请求，而B页面只注册了post路由

从这里就可以看出301重定向的时候无法将数据发送给即将重定向的页面 如果实际中真的存在这种需求怎么办？难得就没有办法解决了吗？ no 今天的主角还没有介绍----307 如下是基维百科对307的解释

307 Temporary Redirect是HTTP协议中的一个状态码（Status Code）。可以理解为一个临时的重定向。 但该响应代码与302重定向有所区别的地方在于，收到307响应码后，客户端应保持请求方法不变向新的地址发出请求。

接下来我们将A页面的状态码改成307试试

...
router.post('/redirect',async (ctx,next)=>{
     ctx.response.redirect('http://127.0.0.1:8081'); 
     ctx.status = 307
})
...

B页面正常响应 并返回hello

同时正常接收到原本提交给A页面的数据

相关文章