Node.js Hapi框架无法获取前端传入值的问题求助

你遇到的核心问题是后端无法正确解析前端传入的JSON请求体，导致request.payload所有字段为undefined，以下是具体排查方向和修复方法：

1. 检查Postman请求头配置 #

即使你选择了Raw JSON格式，仍需确保请求头里的Content-Type设置为application/json：

• 在Postman的「Headers」标签中，添加或确认Content-Type键对应的值是application/json
• 若未设置该头，后端会无法识别请求体格式，自然解析不到payload内容

2. 确认路由的请求方法 #

JSON请求体只能通过POST/PUT/PATCH这类支持请求体的方法发送，如果你把路由配置成了GET方法，request.payload必然是undefined：

• 检查你的路由配置代码，确保method是POST，示例：

// 假设你用Hapi.js配置路由
server.route({
  method: 'POST', // 必须是POST/PUT等，不能是GET
  path: '/api/connect-to-database',
  handler: connectToDatabase
});

3. 确保后端服务器开启了请求体解析 #

以Hapi.js为例，需要确保服务器配置允许解析请求体：

• 在创建server实例时，添加payload解析配置：

const Hapi = require('@hapi/hapi');

const init = async () => {
  const server = Hapi.server({
    port: 3000,
    host: 'localhost',
    routes: {
      payload: {
        parse: true, // 开启请求体解析
        allow: 'application/json' // 允许JSON格式
      }
    }
  });

  // 注册路由...
  await server.start();
  console.log('Server running on %s', server.info.uri);
};

init();

4. 临时调试：确认请求数据的存储位置 #

如果以上步骤都没问题，可以在handler里打印整个request对象，确认请求数据的实际存储位置：

const connectToDatabase = (request, h) => {
  console.log('request object:', request); // 查看控制台输出定位请求数据
  // 部分框架会用request.body而非request.payload存储请求体
  const { username, password, host, port } = request.body || request.payload;

  const message = `Received values: username=${username}, password=${password}, host=${host}, port=${port}`;
  return { success: true, message };
};

按上述步骤排查，基本能解决payload字段为undefined的问题。

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