connect-modrewrite 将我的 POST 请求更改为 GET

Question

我需要重定向一个 POST 请求，为了演示这个问题，我设置了 2 个 nodejs 服务器。一个提供一些 HTML 并进行 mod-重写，另一个在重写后接收 POST。第一个服务 HTML 并进行重写的看起来像这样：

var connect = require('connect');
var cors = require('cors');
const modRewrite = require('connect-modrewrite')

var http = require('http');
const { nextTick } = require('process');

var app = connect();

app.use(cors())


app.use('/test', function(req, res, next){
    res.end(`
        <!doctype html><html><body>

        <button type="button"class="yes">click</button>

        <script>
            async function postData (url = '', data = {}) {
                const response = await fetch(url, {
                    method: 'POST',
                    mode: 'cors',
                    cache: 'no-cache', 
                    credentials: 'same-origin',
                    headers: {
                        'Content-Type': 'application/json',
                        'Access-Control-Allow-Origin': '*',
                        'Access-Control-Allow-Methods': 'DELETE, POST, GET, OPTIONS'
                    },
                    redirect: 'follow', // manual, *follow, error
                    referrerPolicy: 'no-referrer', // no-referrer, *client
                    body: JSON.stringify(data)
                })
                return await response.json();
              }

              document.querySelector('.yes').addEventListener('click', () => {
                postData('http://localhost:3000/a/b', { answer: 42 }).then(data => {
                    console.log(data); 
                });
            });
        </script></body></html>`);
    });

    app.use(function(req, res, next){
        console.log('RECEIVED', req.method);
        next();
    });

    app.use(modRewrite([
        '^/(.*)$ http://localhost:4001/ [R, L]'
    ])
);

http.createServer(app).listen(3000);

因此 '^/(.*)$ http://localhost:4001/ [R, L]' 行将 POST 重写到我的其他后端服务器：

var connect = require('connect')
var cors = require('cors')
var http = require('http')

var app = connect()
app.use(cors());
app.use(function (req, res) {
   console.log('RECEIVED', req.url, req.method);
  res.end(JSON.stringify({status: 'ok'}));
});

http.createServer(app).listen(4001

所以流程如下：

1) In the browser I do a fetch/POST
2) It is received as POST and connect-modrewrite is applied
3) My second backend prints: RECEIVED /a/b GET

所以我的问题是，为什么我的 POST 变成了 GET，我该如何解决这个问题？

Answer 1

这是预期的行为。当您执行重定向 (301/302) 时，POST 数据在重定向时被丢弃，因为客户端将对 301.

指定的 URL 执行 GET 请求

为了解决这个问题，您应该使用重定向 307。请参阅此内容以供参考：https://softwareengineering.stackexchange.com/questions/99894/why-doesnt-http-have-post-redirect#99966

connect-modrewrite 将我的 POST 请求更改为 GET

connect-modrewrite changes my POST request into a GET

javascript

node.js

proxy

connect-modrewrite