夜猫子的知识栈 夜猫子的知识栈
首页
  • 前端文章

    • JavaScript
  • 学习笔记

    • 《JavaScript教程》
    • 《Web Api》
    • 《ES6教程》
    • 《Vue》
    • 《React》
    • 《TypeScript》
    • 《Git》
    • 《Uniapp》
    • 小程序笔记
    • 《Electron》
    • JS设计模式总结
  • 《前端架构》

    • 《微前端》
    • 《权限控制》
    • monorepo
  • 全栈项目

    • 任务管理日历
    • 无代码平台
    • 图书管理系统
  • HTML
  • CSS
  • Nodejs
  • Midway
  • Nest
  • MySql
  • 其他
  • 技术文档
  • GitHub技巧
  • 博客搭建
  • Ajax
  • Vite
  • Vitest
  • Nuxt
  • UI库文章
  • Docker
  • 学习
  • 面试
  • 心情杂货
  • 实用技巧
  • 友情链接
收藏
  • 分类
  • 标签
  • 归档
GitHub (opens new window)

夜猫子

前端练习生
首页
  • 前端文章

    • JavaScript
  • 学习笔记

    • 《JavaScript教程》
    • 《Web Api》
    • 《ES6教程》
    • 《Vue》
    • 《React》
    • 《TypeScript》
    • 《Git》
    • 《Uniapp》
    • 小程序笔记
    • 《Electron》
    • JS设计模式总结
  • 《前端架构》

    • 《微前端》
    • 《权限控制》
    • monorepo
  • 全栈项目

    • 任务管理日历
    • 无代码平台
    • 图书管理系统
  • HTML
  • CSS
  • Nodejs
  • Midway
  • Nest
  • MySql
  • 其他
  • 技术文档
  • GitHub技巧
  • 博客搭建
  • Ajax
  • Vite
  • Vitest
  • Nuxt
  • UI库文章
  • Docker
  • 学习
  • 面试
  • 心情杂货
  • 实用技巧
  • 友情链接
收藏
  • 分类
  • 标签
  • 归档
GitHub (opens new window)
  • Node基础

  • 《MySQL》学习笔记

  • Midway

  • Nest

    • 开篇词
    • 学习理由
    • nest概念扫盲
    • 快速掌握 nestcli
    • 5种http数据传输方式
    • IoC 解决了什么痛点问题?
    • 如何调试 Nest 项目
    • Provider注入对象
    • 全局模块和生命周期
    • AOP 架构有什么好处?
    • 一网打尽 Nest 全部装饰器
    • Nest如何自定义装饰器
    • Metadata和Reflector
    • ExecutionContext切换上下文
    • Module和Provider的循环依赖处理
    • 如何创建动态模块
    • Nest和Express,fastify
    • Nest的Middleware
    • RxJS和Interceptor
    • 内置Pipe和自定义Pipe
    • ValidationPipe验证post请求参数
      • dto
      • ValidationPipe
        • 实现原理
        • 自主实现
        • 注入依赖
      • class-validator
        • 定制错误提示
      • 总结
    • 如何自定义 Exception Filter
    • 图解串一串 Nest 核心概念
    • 接口如何实现多版本共存
    • Express如何使用multer实现文件上传
    • Nest使用multer实现文件上传
    • 图书管理系统
    • 大文件分片上传
    • 最完美的 OSS 上传方案
    • Nest里如何打印日志
    • 为什么Node里要用Winston打印日志
    • Nest 集成日志框架 Winston
    • 通过Desktop学Docker也太简单了
    • 你的第一个 Dockerfile
  • 其他

  • 服务端
  • Nest
神说要有光
2025-03-10
目录

ValidationPipe验证post请求参数

上节我们学了 pipe 来对参数做验证和转换,但那些都是 get 请求的参数,如果是 post 请求呢?

# dto

post 请求的数据是通过 @Body 装饰器来取,并且要有一个 dto class 来接收:

(dto 是 data transfer object,数据传输对象,用于封装请求体的数据)

我们用 postman 来发个 post 请求。

(postman 在这里下载: https://www.postman.com/downloads (opens new window))

content-type 指定为 json。

点击 send,就可以看到服务端接收到了数据,并且把它转为了 dto 类的对象:

但如果我们 age 传一个浮点数,服务端也能正常接收:

因为它也是 number。

而这很可能会导致后续的逻辑出错。

所以我们要对他做参数验证。

怎么做呢?

这就需要用到这节的 ValidationPipe 了。

# ValidationPipe

它需要两个依赖包:

npm install class-validator class-transformer
1

然后在 @Body 里添加这个 pipe:

在 dto 这里,用 class-validator 包的 @IsInt 装饰器标记一下:

再次请求,你就会发现它检查出了参数里的错误:

那它是怎么实现的呢?

# 实现原理

class-validator (opens new window) 包提供了基于装饰器声明的规则对对象做校验的功能:

而 class-transformer (opens new window) 则是把一个普通对象转换为某个 class 的实例对象的:

这两者一结合,那 ValidationPipe 是怎么实现的不就想明白了么:

我们声明了参数的类型为 dto 类,pipe 里拿到这个类,把参数对象通过 class-transformer 转换为 dto 类的对象,之后再用 class-validator 包来对这个对象做验证。

# 自主实现

我们自己写写看:

import { PipeTransform, Injectable, ArgumentMetadata, BadRequestException } from '@nestjs/common';
import { validate } from 'class-validator';
import { plainToInstance } from 'class-transformer';

@Injectable()
export class MyValidationPipe implements PipeTransform<any> {
  async transform(value: any, { metatype }: ArgumentMetadata) {
    if (!metatype) {
      return value;
    }
    const object = plainToInstance(metatype, value);
    const errors = await validate(object);
    if (errors.length > 0) {
      throw new BadRequestException('参数验证失败');
    }
    return value;
  }
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

pipe 里拿到的 metatype 就是这部分:

如果没有声明这部分,那就没法转换和验证,直接返回 value。

否则,通过 class-transformer 包的 plainToInstance 把普通对象转换为 dto class 的实例对象。

之后调用 class-validator 包的 validate api 对它做验证。如果验证不通过,就抛一个异常。

我们来用下看:

替换为我们自己实现的 MyValidationPipe。

再次请求下:

确实检查出了错误。

当然,我们做的并不够完善,还是直接用内置的 ValidationPipe 好了。

# 注入依赖

pipe 里也是可以注入依赖的:

比如,我们指定 @Inject 注入 token 为 validation_options 的对象。

因为标记了 @Optional,没找到对应的 provider 也不会报错:

但当我们在 module 里添加了这个 provider:

就可以正常注入了:

当然,这种方式就不能用 new 的方式了:

直接指定 class,让 Nest 去创建对象放到 ioc 容器里。

如果是全局的 pipe,要通过这种方式来创建才能注入依赖:

这就和我们之前创建全局 interceptor 一样。

同理,其余的 filter、guard 也可以通过这种方式声明为全局生效的:

现在我们就可以把 handler 里的 ValidationPipe 去掉了

再次访问,它依然是生效的:

当然,这里我们没有注入什么依赖,所以这种方式也可以:

# class-validator

会用 ValidationPipe 之后,我们回过头来再看看 class-validator 都支持哪些验证方式:

我们声明这样一个 dto class:

import { Contains, IsDate, IsEmail, IsFQDN, IsInt, Length, Max, Min } from 'class-validator';

export class Ppp {
    @Length(10, 20)
    title: string;
  
    @Contains('hello')
    text: string;
  
    @IsInt()
    @Min(0)
    @Max(10)
    rating: number;
  
    @IsEmail()
    email: string;
  
    @IsFQDN()
    site: string;
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

其中 @IsFQDN 是是否是域名的意思。

然后添加一个 post 的 handler:

在 postman 里发送 post 请求。

{
    "title": "aaaaaaaaaaaaaaa",
    "text": "hello aaa",
    "rating": 10,
    "email": "aaa@qq.com",
    "site": "aaa.guang.com",
    "createDate": "2023-05-28T01:45:37.803Z"
}
1
2
3
4
5
6
7
8

参数正确的时候是不会报错的。

当参数不正确,ValidationPipe 就会返回 class-validator 的报错:

image.png

# 定制错误提示

这个错误消息也是可以定制的:

image.png

添加一个 options 对象,传入 message 函数,打印下它的参数:

image.png

可以拿到对象、属性名、属性值、class 名等各种信息,然后你可以返回自定义的 message:

@Length(10, 20, {
    message({targetName, property, value, constraints}) {
        return `${targetName} 类的 ${property} 属性的值 ${value} 不满足约束: ${constraints}`
    }
})
title: string;
1
2
3
4
5
6

再次访问,返回的就是自定义的错误消息:

更多的装饰器可以看 class-validator 文档 (opens new window)。

案例代码在小册仓库 (opens new window)。

# 总结

接收 post 请求的方式是声明一个 dto class,然后通过 @Body 来取请求体来注入值。

对它做验证要使用 ValidationPipe。

它的实现原理是基于 class-tranformer 把参数对象转换为 dto class 的对象,然后通过 class-validator 基于装饰器对这个对象做验证。

我们可以自己实现这样的 pipe,pipe 里可以注入依赖。

如果是全局 pipe 想注入依赖,需要通过 APP_PIPE 的 token 在 AppModule 里声明 provider。

class-validator 支持很多种验证规则,比如邮箱、域名、长度、值的范围等,而且错误消息也可以自定义。

ValidationPipe 是非常常用的 pipe,后面会大量用到。

编辑 (opens new window)
上次更新: 2025/5/14 16:47:16
内置Pipe和自定义Pipe
如何自定义 Exception Filter

← 内置Pipe和自定义Pipe 如何自定义 Exception Filter→

最近更新
01
IoC 解决了什么痛点问题?
03-10
02
如何调试 Nest 项目
03-10
03
Provider注入对象
03-10
更多文章>
Copyright © 2019-2025 Study | MIT License
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式