在前后端开发中，经常遇到需要解决跨域问题。接下来简单介绍在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，以确保安全性和数据保护。
