node.js - webpack 配置代理请求正文日志记录

Question

Webpack 开发服务器代理配置文档见此处:

https://webpack.js.org/configuration/dev-server/#devserver-proxy

说它使用http-proxy-middleware:

https://github.com/chimurai/http-proxy-middleware#http-proxy-events

使用上面链接中记录的 onProxyRes 函数，我执行以下操作:

function onProxyRes(proxyRes, req, res) {
    proxyRes.headers['x-added'] = 'foobar';     // add new header to response
    delete proxyRes.headers['x-removed'];       // remove header from response
    console.log(req.headers)                    // log headers
    console.log(req.body)                  // undefined
    console.log(proxyReq.body)             // undefined
}

我的问题，尽管其他一切都很好 - 我无法记录请求正文 - 它返回 undefined

有人知道如何读取请求正文以进行调试吗？我是否需要使用 npm body-parser 模块？如果是这样，怎么办？谢谢

Answer 1

我使用body-parser解决了类似的问题。

我试图在将请求正文发送到服务器之前修改它，这导致请求挂起，可能是因为更改正文后，请求的 Content-Length 不再匹配(导致它被截断)。

解决方案是在写入新的请求正文之前“调整大小”Content-Length:

var bodyParser = require('body-parser');   

devServer: {
    before: function (app, server) {
        app.use(bodyParser.json());
    },
    onProxyReq: function (proxyReq, req, res) {
        req.body = {
            ...req.body,
            myProperty: "myPropertyValue"
        };

        const body = JSON.stringify(req.body);

        proxyReq.setHeader('Content-Length', Buffer.byteLength(body));

        proxyReq.write(body);
    }
}

不确定，但在您的情况下，可能是请求因添加/删除 header 而被截断，导致其挂起。