前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >重定向POST请求带来的问题(307的应用)

重定向POST请求带来的问题(307的应用)

作者头像
切图仔
发布2022-09-14 15:22:03
3.1K0
发布2022-09-14 15:22:03
举报
文章被收录于专栏:生如夏花绚烂

我们在重新向时会用到两个状态码 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

代码语言:javascript
复制
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

代码语言:javascript
复制
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试试

代码语言:javascript
复制
...
router.post('/redirect',async (ctx,next)=>{
     ctx.response.redirect('http://127.0.0.1:8081'); 
     ctx.status = 307
})
...

B页面正常响应 并返回hello

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

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2020-08-02 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档