我在配置 CORS 时遇到问题

Question

我正在使用 React 和 Redux 开发前端应用程序，并使用 NestJS 和 Firebase 开发后端应用程序。我面临着似乎无法解决的 CORS 问题。我已经在后端配置了 CORS，但仍然收到此错误：已被 CORS 策略阻止：请求的资源上不存在“Access-Control-Allow-Origin”标头。如果不透明响应满足您的需求，请将请求模式设置为“no-cors”以在禁用 CORS 的情况下获取资源。在控制台中。老实说，我对可能造成这种情况的原因一无所知。任何帮助将不胜感激！

配置后端

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

async function bootstrap() {
  const app = await NestFactory.create(AppModule);
  app.enableCors({
    origin: ['http://localhost:3000'],
    methods: 'GET,HEAD,PUT,PATCH,POST,DELETE', // Permitir os métodos GET, POST e PUT
    allowedHeaders: 'X-Requested-With, X-HTTP-Method-Override, Content-Type, Accept, Observe, Authorization',
    credentials: true,
  });
  await app.listen(4000);
}
bootstrap();

https://github.com/vsdiaman/backend-chatPDF

我已经被这个问题困扰三天了，仍然没有解决。我尝试在后端和前端配置 CORS，但似乎没有任何效果。我期望后端配置能够解决问题，但事实并非如此。我什至尝试调整 Firebase 中的规则，但仍然面临同样的问题。我似乎真的找不到解决这个问题的方法，并且非常感谢任何帮助。谢谢！

Answer 1

你可以添加这个“{cors:true}” 我希望它会起作用

const app = await NestFactory.create(AppModule, { cors: true });