Angular+NestJS+TypeORM下MySQL整数字段存储空值报错如何解决

你遇到的incorrect integer value: 'null'报错，本质是前端传递的是字符串类型的"null"，而非JS原生null值，MySQL可空int字段仅支持接收合法整数或原生NULL，不接受字符串格式的"null"。以下是全链路调整方案，无需逐个字段写判断逻辑：

• 表单初始值改为null而非0：

this.form = this.fb.group({ dfffCopies: new FormControl(null)})

• 表单提交前做统一预处理：遍历所有数值字段，若值为空字符串、用户未输入的空状态，统一赋值为原生null，禁止传递字符串格式的"null"。

第一步：配置全局验证管道 #

在main.ts中注册全局ValidationPipe，关闭默认的空值隐式转0逻辑：

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

async function bootstrap() {
  const app = await NestFactory.create(AppModule);
  app.useGlobalPipes(new ValidationPipe({
    transform: true,
    transformOptions: {
      enableImplicitConversion: false, // 避免null被自动转成0
    },
    whitelist: true,
  }));
  await app.listen(3000);
}
bootstrap();

第二步：全局拦截器统一处理数值空值 #

写一个全局拦截器，一次性批量处理所有整数字段的空值转换，仅需维护一次整数字段列表即可：

import { Injectable, NestInterceptor, ExecutionContext, CallHandler } from '@nestjs/common';
import { Observable } from 'rxjs';

@Injectable()
export class NumberNullInterceptor implements NestInterceptor {
  // 一次性列出所有Movie实体的整数字段，后续新增字段仅需更新这个数组
  private readonly MOVIE_INT_FIELDS = ['dfffCopies', '其他整数字段1', '其他整数字段2', /* 剩余字段补全 */];

  intercept(context: ExecutionContext, next: CallHandler): Observable<any> {
    const request = context.switchToHttp().getRequest();
    const body = request.body;

    this.MOVIE_INT_FIELDS.forEach(field => {
      const val = body[field];
      // 空字符串、字符串格式的null/undefined统一转成原生null
      if (val === '' || val === 'null' || val === 'undefined') {
        body[field] = null;
      }
      // 合法数字字符串转成Number类型
      else if (typeof val === 'string' && !isNaN(Number(val))) {
        body[field] = Number(val);
      }
    })
    return next.handle();
  }
}

将拦截器全局注册到AppModule中即可全局生效：

import { APP_INTERCEPTOR } from '@nestjs/core';

@Module({
  providers: [
    {
      provide: APP_INTERCEPTOR,
      useClass: NumberNullInterceptor,
    },
  ],
})
export class AppModule {}

如果需要补充字段校验，可以封装一个通用的可空数字装饰器，批量用在所有整数字段上：

import { applyDecorators } from '@nestjs/common';
import { ApiProperty } from '@nestjs/swagger';
import { IsOptional, IsInt } from 'class-validator';
import { Type, Transform } from 'class-transformer';

export function IsNullableInt() {
  return applyDecorators(
    ApiProperty(),
    IsOptional(),
    IsInt(),
    Type(() => Number),
    Transform(({ value }) => {
      if (value === '' || value === 'null' || value === 'undefined') return null;
      return value;
    })
  )
}

// DTO中使用示例
export class CreateMovieDto {
  @IsNullableInt()
  dfffCopies: number;
  // 其他整数字段直接加这个装饰器即可，复制粘贴即可快速完成50多个字段的改造
}

只要Entity字段已经标注nullable: true，TypeORM默认会自动将JS原生null值存入MySQL为NULL，无需额外调整原有保存逻辑。

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