Web包配置代理请求正文日志记录

Question

Webpack开发服务器代理配置留档：

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

表示它使用http代理中间件：

https://github.com/chimurai/http-proxy-middleware#http-代理事件

使用上述链接中记录的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
}

我的问题是，尽管其他一切都很好——我无法记录请求主体——它返回未定义的

有人知道如何为了调试目的读取请求主体吗？我是否需要使用npmbody-parser模块？如果有，如何？thx




Answer 1

我尝试用快速体解析器模块记录请求，但它导致请求挂起。使用正文模块对请求正文进行日志修复。

const anyBody = require('body/any')
onProxyReq(proxyReq, req, res) {
    anyBody(req, res, function (err, body) {
        if (err) console.error(err)
        console.log(body)
    })
})

请注意，我在express中也使用了相同的方法，如下所示：

app.use((req, res, next) => {
    anyBody(req, res, function (err, body) {
        if (err) console.error(err)
        console.log(body)
    })
    next()
})

Answer 2

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

在发送到服务器之前，我试图修改请求正文，这导致请求挂起，可能是因为更改正文时，请求的Content-L长度不再匹配（导致其被截断）。

解决方案是在编写新请求正文之前“调整”内容长度：

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);
    }
}

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