Ngrok未转发POST请求数据但日志可见该数据的解决方法咨询

以下是几个可行的排查和解决步骤：

• 匹配请求Content-Type与解析中间件
  先在Ngrok的http://localhost:4040日志里确认原始请求的Content-Type：

  • 如果是application/json，确保express.json()中间件正确加载；
  • 如果是application/x-www-form-urlencoded，用express.urlencoded({ extended: true })；
  • 如果是multipart/form-data，Express内置中间件处理不了，需要用multer这类库，示例代码：

    const multer = require('multer');
    const upload = multer(); // 不保存文件，仅解析表单数据
    
    // 在目标路由使用
    app.post('/webhook', upload.none(), (req, res) => {
      console.log(req.body); // 可获取表单数据
      res.sendStatus(200);
    });
    

• 严格检查中间件加载顺序
  所有请求体解析中间件必须放在所有路由定义之前，否则路由执行时中间件还没完成解析，req.body会是空的：
  错误示例：

  // 错误：路由先于中间件定义
  app.post('/webhook', (req, res) => {});
  app.use(express.json());
  

  正确示例：

  // 正确：先加载中间件，再定义路由
  app.use(express.json());
  app.post('/webhook', (req, res) => {
    console.log(req.body);
    res.sendStatus(200);
  });
  

• 直接打印原始请求流排查问题
  在本地路由里跳过中间件，直接打印原始请求流，判断是Ngrok未转发还是解析中间件的问题：

  app.post('/webhook', (req, res) => {
    let rawData = '';
    req.on('data', chunk => rawData += chunk);
    req.on('end', () => {
      console.log('原始请求体:', rawData);
      res.sendStatus(200);
    });
  });
  

  如果能打印出完整请求数据，说明Ngrok已经转发，问题出在中间件解析；如果打印为空，尝试重启Ngrok或更换本地端口重试。

• 调整Ngrok启动参数
  启动Ngrok时添加--host-header=rewrite参数，确保请求头正确转发，避免因头信息不匹配导致解析失败，命令示例：

  ngrok http --host-header=rewrite 3000
  

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