在 Node 框架 NestJS-6.3.1 中面对 CORS

Question

我正在使用 nestJs => 6.3.1 框架开发一个 Node 基础项目。我已启用所有 cors 仍然面临以下错误

CORS 策略已阻止从源“ http://localhost:4200 ”访问“localhost:3000”处的 XMLHttpRequest ：跨源请求仅支持协议方案：http、data、chrome、chrome-extension、https。

core.js:7187 错误 HttpErrorResponse {headers: HttpHeaders, status: 0, statusText: "Unknown Error", url: "localhost:3000", ok: false, ...}

我尝试了以下方法，但仍然面临同样的问题。

1. var app = await NestFactory.create(AppModule,{cors:true}); 等待 app.listen(3000);

2. var app = await NestFactory.create(AppModule); const options = { origin: '*', methods: 'GET,HEAD,PUT,PATCH,POST,DELETE', preflightContinue: false, optionsSuccessStatus: 204, credentials: true, allowedHeaders: 'Content-Type, Accept', }; 控制台日志（应用程序）；app.enableCors(选项); 等待 app.listen(3000);

   import { NestFactory } from '@nestjs/core';
   import { AppModule } from './app/app.module';
   
   async function bootstrap() {
     var app = await NestFactory.create(AppModule);
     const options = {
       origin: '*',
       methods: 'GET,HEAD,PUT,PATCH,POST,DELETE',
       preflightContinue: false,
       optionsSuccessStatus: 204,
       credentials: true,
       allowedHeaders: 'Content-Type, Accept',
     };
     console.log(app);
     app.enableCors(options);
     await app.listen(3000);
   }
   bootstrap();
   

预期输出：服务器应允许处理跨源请求，但出现以下问题或错误。

CORS 策略已阻止从源“ http://localhost:4200 ”访问“localhost:3000”处的 XMLHttpRequest ：跨源请求仅支持协议方案：http、data、chrome、chrome-extension、https。

Answer 1

仔细阅读错误信息：

CORS 策略已阻止从源“ http://localhost:4200 ”访问“localhost:3000”处的 XMLHttpRequest ：跨源请求仅支持协议方案：http、data、chrome、chrome-extension、https。

您不是通过 HTTP（或 HTTPS）发出请求，因此您的服务器（即 HTTP 服务器）无法响应它，因此您对运行服务器的代码所做的任何事情都不会产生影响。

您需要更改请求 URL 开头的代码localhost:3000并将其更改为http://localhost:3000