如何在 NestJS 的响应中设置标头字段？

Question

我想：

    @Post('login')
    async login(@Body() body: AuthDto, @Res() res: Response) {
        const loginResponse = await this.authService.login(body);
        console.log('loginResponse', loginResponse)
        res.headers.set('x-access-token', loginResponse.access_token)
        return loginResponse
    }

但没有骰子。我收到一个错误：

TypeError: Cannot read property 'set' of undefined

Answer 1

要指定自定义响应标头，您可以使用 @Header() 装饰器或特定于库的响应对象（并直接调用 res.header()）。

从 导入标头@nestjs/common package。

@Post()
@Header('Cache-Control', 'none')
create() {
  return 'This action adds a new cat';
}

Answer 2

我使用拦截器。由于我想在响应的标头中添加一个字段来指示我的服务，因此我还将其设置为全局拦截器，但您也可以通过路由使用它。

响应添加访问令牌到 header.interceptor.ts

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

import { Response as ExpressResponse } from 'express';

@Injectable()
export class ResponseAddAccessTokenToHeaderInterceptor implements NestInterceptor {
    intercept(context:ExecutionContext, next:CallHandler): Observable<any> {

        const ResponseObj:ExpressResponse = context.switchToHttp().getResponse();
        ResponseObj.setHeader('x-access-token', 'Your Data' );
        return next.handle();
    }
}

要全局添加它，请调整 main.ts：

async function bootstrap() {
    const app = await NestFactory.create(AppModule);
    app.useGlobalInterceptors(new ResponseAddAccessTokenToHeaderInterceptor());
    await app.listen(8080);
}
bootstrap();

Answer 3

不是最优雅的方式： return res.set({ 'x-access-token': loginResponse.access_token }).json(loginResponse);

我将此逻辑分离到拦截器中，检查响应是否对路径/登录有效，如果是，则返回正确的标头（使用来自 loginResponse 的某些值）

import { Controller, Get, Response } from '@nestjs/common';
import { Response as Res } from 'express';
import { AppService } from './app.service';

@Controller()
export class AppController {
  constructor(private readonly appService: AppService) {}

  @Get()
  getHello(@Response() res: Res): Res {
    return res.set({ 'x-access-token': 1 }).json({ hello: 'world' });
  }

  @Get()
  getHelloAlt(@Response() res) {
    return res.set({ 'x-access-token': 1 }).json({ hello: 'world' });
  }
}

这是我的工作版本，请注意 Express Response 而不是 Nest.js。

编辑：从 Nest.js/common 导入的类型是一个装饰器函数，而不是使用任何类型，或者从 Express.js 导入响应。