Nest.js与RESTful CRUD：为何POST请求无法正常提交数据？

看起来你遇到的是NestJS无法正确解析请求体的典型问题，结合你描述的Angular端数据正常但后端拿到空对象的情况，我给你梳理几个排查和解决方向：

1. 确认NestJS控制器正确使用@Body()装饰器 #

首先检查你的控制器代码，是不是在接收参数时用对了装饰器？必须用@Body()来获取请求体数据，而不是@Query()或其他。正确的写法应该是这样：

import { Controller, Post, Body } from '@nestjs/common';
import { YourService } from './your.service';

@Controller('records')
export class RecordsController {
  constructor(private readonly yourService: YourService) {}

  @Post()
  async addRecord(@Body() recordData: any) {
    console.log('controller中的recordData：', recordData);
    return this.yourService.add(recordData);
  }
}

如果这里用错了装饰器，肯定拿不到数据。

2. 检查请求的Content-Type是否为application/json #

Angular的HttpClient默认会把POST请求的Content-Type设为application/json，但如果你手动修改了请求头，比如不小心改成了multipart/form-data或者application/x-www-form-urlencoded，NestJS的默认body解析器就无法解析JSON数据了。

你可以在Angular的请求代码里确认一下，比如：

// 正确的写法，不需要手动设置Content-Type，HttpClient会自动处理
this.http.post('http://your-nestjs-url/api/records', recordData).subscribe(...);

// 如果手动设置了headers，确保包含正确的Content-Type
const headers = new HttpHeaders({ 'Content-Type': 'application/json' });
this.http.post(url, recordData, { headers }).subscribe(...);

同时可以打开浏览器开发者工具的Network标签，查看发送的POST请求，检查Request Headers里的Content-Type是不是application/json，再看Request Payload里有没有你要发送的JSON数据——如果Payload是空的，那问题出在Angular端；如果Payload有数据但后端拿不到，就继续排查NestJS的配置。

3. 确保NestJS启用了Body解析器 #

NestJS基于Express时，默认会启用body-parser中间件，但如果你的项目是自定义配置或者用了Fastify，可能需要手动配置：

Express情况 #

如果是Express驱动的NestJS项目，检查main.ts里有没有禁用默认的中间件，比如：

async function bootstrap() {
  const app = await NestFactory.create(AppModule);
  // 这里不需要手动添加body-parser，NestJS默认已经处理了
  await app.listen(3000);
}
bootstrap();

如果之前手动加了app.use(bodyParser.json())也没问题，但不要冲突。

Fastify情况 #

如果用的是Fastify平台，需要安装@nestjs/platform-fastify并配置body解析：

import { NestFactory } from '@nestjs/core';
import { FastifyAdapter, NestFastifyApplication } from '@nestjs/platform-fastify';
import { AppModule } from './app.module';

async function bootstrap() {
  const app = await NestFactory.create<NestFastifyApplication>(
    AppModule,
    new FastifyAdapter(),
  );
  // Fastify需要手动启用body解析
  app.register(require('@fastify/formbody'));
  await app.listen(3000);
}
bootstrap();

4. 检查Angular CORS代理的配置 #

你提到Angular用了CORS代理，要确保代理配置没有修改或丢失请求体。比如你的proxy.conf.json应该是类似这样的：

{
  "/api/*": {
    "target": "http://localhost:3000",
    "secure": false,
    "changeOrigin": true
  }
}

不要添加任何会修改请求体的配置项，比如pathRewrite如果写得不对也可能有问题，但一般默认配置不会影响请求体。可以暂时绕过代理，直接让Angular请求NestJS的地址（先在NestJS里启用CORS），看看能不能拿到数据，以此排除代理的问题。

启用NestJS的CORS可以在main.ts里加：

async function bootstrap() {
  const app = await NestFactory.create(AppModule);
  app.enableCors(); // 启用CORS，方便测试
  await app.listen(3000);
}
bootstrap();

5. 如果用了DTO，确保配置了ValidationPipe并启用transform #

如果你在NestJS里用了DTO类来接收数据，比如：

import { IsString, IsNumber } from 'class-validator';

export class RecordDto {
  @IsString()
  title: string;

  @IsNumber()
  count: number;
}

那必须在main.ts里启用ValidationPipe并设置transform: true，这样NestJS才会把JSON数据转换成DTO实例：

import { ValidationPipe } from '@nestjs/common';

async function bootstrap() {
  const app = await NestFactory.create(AppModule);
  app.useGlobalPipes(new ValidationPipe({
    transform: true, // 必须开启这个选项
    whitelist: true, // 可选，过滤掉DTO里没有定义的属性
  }));
  await app.listen(3000);
}
bootstrap();

如果没有transform: true，控制器里拿到的DTO实例可能是空的，因为没有把JSON数据映射到类的属性上。

按照这些步骤一步步排查，应该能找到问题所在。先从检查请求的Content-Type和控制器的@Body()装饰器开始，这两个是最常见的原因。

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