如何在Next.js的getInitialProps()中获取Python脚本POST的请求数据？

你遇到的核心问题是：Node.js的原生http.IncomingMessage对象（也就是getInitialProps里的req）不会自动解析POST请求的表单数据，所以直接访问req.data肯定拿不到内容。下面给你两种可行的解决方案：

方案一：手动解析请求体（轻量场景） #

如果你的项目不需要复杂的中间件，可以手动读取并解析请求体：

import querystring from 'querystring'; // Node.js内置模块，无需额外安装

static async getInitialProps({ req }) {
  // 仅在服务端处理POST请求
  if (req && req.method === 'POST') {
    // 读取请求体数据流
    const requestBody = await new Promise((resolve, reject) => {
      let rawData = '';
      req.on('data', (chunk) => {
        rawData += chunk.toString();
      });
      req.on('end', () => {
        resolve(rawData);
      });
      req.on('error', (err) => {
        reject(err);
      });
    });
    
    // 解析form-encoded格式的数据
    const postData = querystring.parse(requestBody);
    console.log('获取到的POST数据:', postData); // 输出 { username: 'bob', id: '32' }
    
    return { postData };
  }
  
  return {};
}

方案二：使用body-parser中间件（优雅方案） #

如果你的项目需要频繁处理POST请求，推荐用body-parser中间件自动解析请求体，步骤如下：

1. 安装依赖：

npm install body-parser express

2. 创建自定义服务器文件（比如server.js）：

const express = require('express');
const next = require('next');
const bodyParser = require('body-parser');

const dev = process.env.NODE_ENV !== 'production';
const app = next({ dev });
const handle = app.getRequestHandler();

app.prepare().then(() => {
  const server = express();
  
  // 配置body-parser解析form-encoded数据
  server.use(bodyParser.urlencoded({ extended: false }));
  
  // 让Next.js处理所有路由
  server.all('*', (req, res) => {
    return handle(req, res);
  });
  
  server.listen(3000, (err) => {
    if (err) throw err;
    console.log('> Ready on http://localhost:3000');
  });
});

3. 修改package.json的启动脚本：
   把原来的"dev": "next dev"替换为：

"dev": "node server.js"

4. 在页面中直接使用req.body：

static async getInitialProps({ req }) {
  if (req && req.method === 'POST') {
    console.log('获取到的POST数据:', req.body); // 直接拿到解析后的对象
    return { postData: req.body };
  }
  return {};
}

额外建议：使用getServerSideProps代替getInitialProps #

如果你用的是Next.js 9.3及以上版本，更推荐用getServerSideProps代替getInitialProps——它只在服务端运行，逻辑更清晰，处理请求数据更合适：

import querystring from 'querystring';

export async function getServerSideProps({ req }) {
  if (req.method === 'POST') {
    const requestBody = await new Promise((resolve, reject) => {
      let rawData = '';
      req.on('data', (chunk) => rawData += chunk);
      req.on('end', () => resolve(rawData));
      req.on('error', reject);
    });
    const postData = querystring.parse(requestBody);
    
    return { props: { postData } };
  }
  
  return { props: {} };
}

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