[Nestjs] 解决跨域问题

在前后端开发中，经常遇到需要解决跨域问题。接下来简单介绍在Nestjs中解决跨域问题的方法

首先，安装 @nestjs/common 包中的 cors 模块。

npm install --save @nestjs/common

全局使用 CORS 中间件： 在你的 NestJS 应用程序的根模块（通常是 app.module.ts）中，使用 app.use() 方法来全局启用 CORS 中间件

import { MiddlewareConsumer, Module, NestModule } from '@nestjs/common';
import { AppController } from './app.controller';
import { AppService } from './app.service';
import { CorsMiddleware } from '@nestjs/common';

@Module({
  imports: [],  // 导入其他模块
  controllers: [AppController],
  providers: [AppService],
})
export class AppModule implements NestModule {
  configure(consumer: MiddlewareConsumer) {
    consumer.apply(CorsMiddleware).forRoutes('*');
  }
}

上述代码中的 configure() 方法使用 CorsMiddleware 中间件，并将其应用于所有的路由。你也可以通过指定特定的路由来限制跨域请求。

自定义 CORS 设置： 如果你需要自定义 CORS 设置，你可以传递一个配置对象给 apply() 方法，并在其中定义所需的选项

import { CorsOptions } from '@nestjs/common/interfaces/external/cors-options.interface';

const corsOptions: CorsOptions = {
  origin: 'http://example.com',  // 设置允许请求的来源
  methods: 'GET,HEAD,PUT,PATCH,POST,DELETE',  // 设置允许的 HTTP 方法
  allowedHeaders: 'Content-Type,Authorization',  // 设置允许的请求头
};

// 在 configure() 方法中应用自定义的 CORS 设置
export class AppModule implements NestModule {
  configure(consumer: MiddlewareConsumer) {
    consumer.apply(CorsMiddleware(corsOptions)).forRoutes('*');
  }
}

在上述代码中，你可以设置 origin、methods 和 allowedHeaders 来定义跨域请求的来源、允许的 HTTP 方法和请求头，通过以上步骤，你可以在 NestJS 应用程序中实现解决跨域问题的功能。确保在生产环境中正确配置 CORS，以确保安全性和数据保护。