第nestjs返回給前端數(shù)據(jù)格式的封裝實(shí)現(xiàn)一般開發(fā)過程中不不會(huì)根據(jù)httpcode來判斷接口請(qǐng)求成功與失敗的,而是會(huì)根據(jù)請(qǐng)求返回的數(shù)據(jù),里面加上code字段

一、返回的數(shù)據(jù)格式對(duì)比

1、直接返回的數(shù)據(jù)格式

"id":1,

"uuid":"cbbe7abc-b95e-48a0-8d24-b1ac93c45328",

"name":"哈士奇1",

"age":12,

"color":null,

"createAt":"2025-07-25T09:13:30.000Z",

"updateAt":"2025-07-25T09:13:30.000Z"

2、我們自己包裝后的返回?cái)?shù)據(jù)

code:0,

message:"請(qǐng)求成功",

data:{

"id":1,

"uuid":"cbbe7abc-b95e-48a0-8d24-b1ac93c45328",

"name":"哈士奇1",

"age":12,

"color":null,

"createAt":"2025-07-25T09:13:30.000Z",

"updateAt":"2025-07-25T09:13:30.000Z"

二、攔截全部的錯(cuò)誤請(qǐng)求,統(tǒng)一返回格式

1、使用命令創(chuàng)建一個(gè)過濾器

nestgffilters/httpException

2、過濾器的代碼

import{

ArgumentsHost,

Catch,

ExceptionFilter,

HttpException,

HttpStatus,

Logger,

}from'@nestjs/common';

@Catch(HttpException)

exportclassHttpExceptionFilterimplementsExceptionFilter{

catch(exception:HttpException,host:ArgumentsHost){

constctx=host.switchToHttp();

constresponse=ctx.getResponse();

constrequest=ctx.getRequest();

constmessage=exception.message.message;

Logger.log('錯(cuò)誤提示',message);

consterrorResponse={

data:{

error:message,

},//獲取全部的錯(cuò)誤信息

message:'請(qǐng)求失敗',

code:1,//自定義code

url:request.originalUrl,//錯(cuò)誤的url地址

conststatus=

exceptioninstanceofHttpException

exception.getStatus()

:HttpStatus.INTERNAL_SERVER_ERROR;

//設(shè)置返回的狀態(tài)碼、請(qǐng)求頭、發(fā)送錯(cuò)誤信息

response.status(status);

response.header('Content-Type','application/json;charset=utf-8');

response.send(errorResponse);

3、在main.ts中全局注冊(cè)

import{HttpExceptionFilter}from'./filters/http-exception.filter';

asyncfunctionbootstrap(){

//全局注冊(cè)錯(cuò)誤的過濾器

app.useGlobalFilters(newHttpExceptionFilter());

bootstrap();

4、測(cè)試,返回的錯(cuò)誤信息

"statusCode":400,

"error":"BadRequest",

"data":{

"message":[

"age":"必須的整數(shù)"

"message":'請(qǐng)求失敗',

"code":1,

"url":"/api/v1/cat"

三、統(tǒng)一請(qǐng)求成功的返回?cái)?shù)據(jù)

1、創(chuàng)建一個(gè)攔截器src/interceptor/erceptor.ts

2、攔截器的代碼

import{

Injectable,

NestInterceptor,

CallHandler,

ExecutionContext,

}from'@nestjs/common';

import{map}from'rxjs/operators';

import{Observable}from'rxjs';

interfaceResponseT{

data:T;

@Injectable()

exportclassTransformInterceptorT

implementsNestInterceptorT,ResponseT{

intercept(

context:ExecutionContext,

next:CallHandlerT,

):ObservableResponseT{

returnnext.handle().pipe(

map(data={

return{

data,

code:0,

message:'請(qǐng)求成功',

}

3、全局注冊(cè)

import{TransformInterceptor}from'./interceptor/erceptor';

asyncfunctionbootstrap(){

//全局注冊(cè)攔截器

app.useGlobalInterceptors(newTransformInterceptor());

bootstrap();

4、測(cè)試返回?cái)?shù)據(jù)

"data":{

"id":1,

"uuid":"cbbe7abc-b95e-48a0-8d24-b1ac93c45328",

"name":"哈士奇1",