我来帮你搞定这个问题！要记录代理转发的请求体，核心是要处理Node.js里的可读流请求对象——默认情况下req是流式数据，不会自动缓存完整的请求体，所以得手动把数据流收集起来才能打印日志。

完整配置示例 #

直接上可运行的代码，你可以把这段逻辑整合到你的Webpack Dev Server代理配置里：

module.exports = {
  // ... 你的其他Webpack配置项
  devServer: {
    proxy: {
      '/api': { // 替换成你的代理路径
        target: 'https://your-target-api.com', // 替换成你的目标服务器地址
        changeOrigin: true,
        // 在代理请求发送前收集请求体
        onProxyReq: (proxyReq, req, res) => {
          let requestBodyChunks = [];
          // 收集每个数据块
          req.on('data', (chunk) => {
            requestBodyChunks.push(chunk);
          });
          // 数据流结束后拼接成完整请求体
          req.on('end', () => {
            const requestBody = Buffer.concat(requestBodyChunks).toString();
            // 格式化打印日志，按需调整
            console.log(`\n[Proxy Request] ${req.method} ${req.url}`);
            console.log('Request Body:', requestBody);
            
            // 如果是JSON格式，可解析成对象打印更美观
            try {
              console.log('Parsed Body:', JSON.parse(requestBody));
            } catch (err) {
              // 非JSON格式忽略解析错误即可
            }
          });
        },
        // 你原来的响应头处理逻辑保留
        onProxyRes: (proxyRes, req, res) => {
          proxyRes.headers['x-added'] = 'foobar';
          delete proxyRes.headers['x-removed'];
        }
      }
    }
  }
};

关键细节说明 #

• 为什么用onProxyReq钩子？：这个钩子在代理请求发送到目标服务器前触发，刚好适合捕获原始请求的body数据。如果想在响应阶段也用到请求体，可以把收集到的body挂载到req对象上（比如req.proxyBody = requestBody），之后在onProxyRes里直接访问即可。
• 流式数据处理：通过监听req的data事件攒下所有数据块，在end事件触发时用Buffer.concat拼接成完整字符串，这是Node.js处理可读流的标准方式。
• 日志格式化：可以根据需求调整日志的输出格式，比如加上时间戳、区分不同请求类型等，让日志更易读。

扩展：在响应阶段复用请求体 #

如果需要在onProxyRes里关联请求体和响应内容，可以修改onProxyReq的逻辑，把请求体挂载到req上：

onProxyReq: (proxyReq, req, res) => {
  let requestBodyChunks = [];
  req.on('data', (chunk) => requestBodyChunks.push(chunk));
  req.on('end', () => {
    req.proxyRequestBody = Buffer.concat(requestBodyChunks).toString();
    console.log(`[Proxy Request] ${req.method} ${req.url}`, req.proxyRequestBody);
  });
},
onProxyRes: (proxyRes, req, res) => {
  // 这里可以直接拿到请求体，关联响应日志
  console.log(`[Proxy Response] 对应请求体:`, req.proxyRequestBody);
  // 你的响应头处理逻辑
  proxyRes.headers['x-added'] = 'foobar';
  delete proxyRes.headers['x-removed'];
}

内容的提问来源于stack exchange，提问作者danday74