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

    • 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 全部装饰器
      • @Module
        • @Controller、@Injectable
      • @Inject
        • @Options
      • @Global
      • @Catch
        • @UseFilters
      • @UseFilters、@UseGUards、@UseInterceptors、@UsePipes
      • 获取参数
        • @Param、@Query
        • @Body
      • @Get、@Post...请求
      • @SetMetadata
      • @Headers
      • @Ip
      • @Session
      • @HostParam
      • @Req、@Request
      • @Res、@Response
      • @Next
      • @HttpCode
      • @Header
      • @Redirect
      • 总结
    • Nest如何自定义装饰器
    • Metadata和Reflector
    • ExecutionContext切换上下文
    • Module和Provider的循环依赖处理
    • 如何创建动态模块
    • Nest和Express,fastify
    • Nest的Middleware
    • RxJS和Interceptor
    • 内置Pipe和自定义Pipe
    • ValidationPipe验证post请求参数
    • 如何自定义 Exception Filter
    • 图解串一串 Nest 核心概念
    • 接口如何实现多版本共存
    • Express如何使用multer实现文件上传
    • Nest使用multer实现文件上传
    • 图书管理系统
    • 大文件分片上传
    • 最完美的 OSS 上传方案
    • Nest里如何打印日志
    • 为什么Node里要用Winston打印日志
    • Nest 集成日志框架 Winston
    • 通过Desktop学Docker也太简单了
    • 你的第一个 Dockerfile
  • 其他

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

一网打尽 Nest 全部装饰器

Nest 的功能都是大多通过装饰器来使用的,这节我们就把所有的装饰器过一遍。

我们创建个新的 nest 项目:

nest new all-decorator -p npm

# @Module

Nest 提供了一套模块系统,通过 @Module声明模块:

# @Controller、@Injectable

通过 @Controller、@Injectable 分别声明其中的 controller 和 provider:

这个 provider 可以是任何的 class:

注入的方式可以是构造器注入:

# @Inject

或者属性注入:

属性注入要指定注入的 token,可能是 class 也可能是 string。

你可以通过 useFactory、useValue 等方式声明 provider:

这时候也需要通过 @Inject 指定注入的 token:

# @Options

这些注入的依赖如果没有的话,创建对象时会报错。但如果它是可选的,你可以用 @Optional 声明一下,这样没有对应的 provider 也能正常创建这个对象。

# @Global

如果模块被很多地方都引用,为了方便,可以用 @Global 把它声明为全局的,这样它 exports 的 provider 就可以直接注入了:

# @Catch

filter 是处理抛出的未捕获异常的,通过 @Catch 来指定处理的异常:

# @UseFilters

然后通过 @UseFilters 应用到 handler 上:

# @UseFilters、@UseGUards、@UseInterceptors、@UsePipes

除了 filter 之外,interceptor、guard、pipe 也是这样用:

当然,pipe 更多还是单独在某个参数的位置应用:

# 获取参数

# @Param、@Query

这里的 @Query 是取 url 后的 ?bbb=true,而 @Param 是取路径中的参数,比如 /xxx/111 种的 111

# @Body

此外,如果是 @Post 请求,可以通过 @Body 取到 body 部分:

我们一般用 dto 的 class 来接受请求体里的参数:

nest 会实例化一个 dto 对象:

用 postman 发个 post 请求:

可以看到 nest 接受到了 body 里的参数:

# @Get、@Post...请求

除了 @Get、@Post 外,还可以用 @Put、@Delete、@Patch、@Options、@Head 装饰器分别接受 put、delete、patch、options、head 请求:

# @SetMetadata

handler 和 class 可以通过 @SetMetadata 指定 metadata:

然后在 guard 或者 interceptor 里取出来:

# @Headers

你可以通过 @Headers 装饰器取某个请求头 或者全部请求头:

# @Ip

通过 @Ip 拿到请求的 ip:

# @Session

通过 @Session 拿到 session 对象:

但要使用 session 需要安装一个 express 中间件:

npm install express-session

在 main.ts 里引入并启用:

指定加密的密钥和 cookie 的存活时间。

然后刷新页面:

会返回 set-cookie 的响应头,设置了 cookie,包含 sid 也就是 sesssionid。

之后每次请求都会自动带上这个 cookie:

这样就可以在 session 对象里存储信息了。

# @HostParam

@HostParam 用于取域名部分的参数:

我们再创建个 controller:

nest g controller aaa --no-spec --flat

这样指定 controller 的生效路径:

import { Controller, Get, HostParam } from '@nestjs/common';

@Controller({ host: ':host.0.0.1', path: 'aaa' })
export class AaaController {
    @Get('bbb')
    hello() {
        return 'hello';
    }
}
1
2
3
4
5
6
7
8
9

controller 除了可以指定某些 path 生效外,还可以指定 host:

然后再访问下:

这时候你会发现只有 host 满足 xx.0.0.1 的时候才会路由到这个 controller。

host 里的参数就可以通过 @HostParam 取出来:

import { Controller, Get, HostParam } from '@nestjs/common';

@Controller({ host: ':host.0.0.1', path: 'aaa' })
export class AaaController {
    @Get('bbb')
    hello(@HostParam('host') host) {
        return host;
    }
}
1
2
3
4
5
6
7
8
9

# @Req、@Request

前面取的这些都是 request 里的属性,当然也可以直接注入 request 对象:

通过 @Req 或者 @Request 装饰器,这俩是同一个东西:

注入 request 对象后,可以手动取任何参数:

# @Res、@Response

当然,也可以 @Res 或者 @Response 注入 response 对象,只不过 response 对象有点特殊:

当你注入 response 对象之后,服务器会一直没有响应:

因为这时候 Nest 就不会再把 handler 返回值作为响应内容了。

你可以自己返回响应:

Nest 这么设计是为了避免你自己返回的响应和 Nest 返回的响应的冲突。

如果你不会自己返回响应,可以通过 passthrough 参数告诉 Nest:

# @Next

除了注入 @Res 不会返回响应外,注入 @Next 也不会:

当你有两个 handler 来处理同一个路由的时候,可以在第一个 handler 里注入 next,调用它来把请求转发到第二个 handler:

Nest 不会处理注入 @Next 的 handler 的返回值。

# @HttpCode

handler 默认返回的是 200 的状态码,你可以通过 @HttpCode 修改它:

# @Header

当然,你也可以修改 response header,通过 @Header 装饰器:

# @Redirect

此外,你还可以通过 @Redirect 装饰器来指定路由重定向的 url:

或者在返回值的地方设置 url:

@Get('xxx')
@Redirect()
async jump() {
    return {
      url: 'https://www.baidu.com',
      statusCode: 302
    }  
}
1
2
3
4
5
6
7
8

你还可以给返回的响应内容指定渲染引擎,不过这需要先这样设置:

import { NestFactory } from '@nestjs/core';
import { AppModule } from './app.module';
import { NestExpressApplication } from '@nestjs/platform-express';
import { join } from 'path';

async function bootstrap() {
  const app = await NestFactory.create<NestExpressApplication>(AppModule);

  app.useStaticAssets(join(__dirname, '..', 'public'));
  app.setBaseViewsDir(join(__dirname, '..', 'views'));
  app.setViewEngine('hbs');

  await app.listen(3000);
}
bootstrap();

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

分别指定静态资源的路径和模版的路径,并指定模版引擎为 handlerbars。

当然,还需要安装模版引擎的包 hbs:

npm install --save hbs

然后准备图片和模版文件:

在 handler 里指定模版和数据:

就可以看到渲染出的 html 了:

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

# 总结

这节我们梳理了下 Nest 全部的装饰器

  • @Module: 声明 Nest 模块
  • @Controller:声明模块里的 controller
  • @Injectable:声明模块里可以注入的 provider
  • @Inject:通过 token 手动指定注入的 provider,token 可以是 class 或者 string
  • @Optional:声明注入的 provider 是可选的,可以为空
  • @Global:声明全局模块
  • @Catch:声明 exception filter 处理的 exception 类型
  • @UseFilters:路由级别使用 exception filter
  • @UsePipes:路由级别使用 pipe
  • @UseInterceptors:路由级别使用 interceptor
  • @SetMetadata:在 class 或者 handler 上添加 metadata
  • @Get、@Post、@Put、@Delete、@Patch、@Options、@Head:声明 get、post、put、delete、patch、options、head 的请求方式
  • @Param:取出 url 中的参数,比如 /aaa/:id 中的 id
  • @Query: 取出 query 部分的参数,比如 /aaa?name=xx 中的 name
  • @Body:取出请求 body,通过 dto class 来接收
  • @Headers:取出某个或全部请求头
  • @Session:取出 session 对象,需要启用 express-session 中间件
  • @HostParm: 取出 host 里的参数
  • @Req、@Request:注入 request 对象
  • @Res、@Response:注入 response 对象,一旦注入了这个 Nest 就不会把返回值作为响应了,除非指定 passthrough 为true
  • @Next:注入调用下一个 handler 的 next 方法
  • @HttpCode: 修改响应的状态码
  • @Header:修改响应头
  • @Redirect:指定重定向的 url
  • @Render:指定渲染用的模版引擎

把这些装饰器用熟,就掌握了 nest 大部分功能了。

编辑 (opens new window)
上次更新: 2025/5/14 16:47:16
AOP 架构有什么好处?
Nest如何自定义装饰器

← AOP 架构有什么好处? Nest如何自定义装饰器→

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