已开启NestJS后端CORS，React前端仍遇CORS错误求解决

核心问题：CORS配置时机错误 #

你的NestJS后端代码中，app.enableCors()放在了await app.listen(5000)之后调用，这会导致CORS配置完全不生效。NestJS启动服务后再修改配置，这些变更无法应用到已运行的服务器实例上。

修正后的后端代码 #

import { NestFactory } from '@nestjs/core';
import { AppModule } from './app.module';

async function bootstrap() {
  const app = await NestFactory.create(AppModule);
  app.enableCors(); // 先启用CORS，再启动服务
  await app.listen(5000);
}
bootstrap();

额外排查优化点 #

• 如果问题仍存在，可以给enableCors传递更具体的配置，明确允许前端的来源（假设你的React前端运行在http://localhost:3000）：

  app.enableCors({
    origin: 'http://localhost:3000',
    methods: 'GET,HEAD,PUT,PATCH,POST,DELETE',
    credentials: true,
  });
  

• 确认后端确实在5000端口运行，没有端口冲突或服务未启动的情况
• 检查前端请求是否携带了后端CORS配置未允许的自定义请求头

内容的提问来源于stack exchange，提问作者Luigi Dalle Aste