[Nestjs] #4. Nestjs에 CORS 적용

exoluse·2021년 12월 2일
1

Nestjs

목록 보기
4/7
post-thumbnail

이런 에러가 난다

Access to XMLHttpRequest at ‘http://ip-address:3000/shipment’ from origin ‘http://localhost:3000’ has been blocked by CORS policy: Response to preflight request doesn’t pass access control check: No ‘Access-Control-Allow-Origin’ header is present on the requested resource.

그렇다. CORS 에러 맞다. 이제부터 처리해보자

간단해서 요점만 남기고 간다

  1. 기존의 main.ts가 이랬다면
import { NestFactory } from '@nestjs/core';
import { AppModule } from './app.module';

async function bootstrap() {
  const app = await NestFactory.create(AppModule);
  await app.listen(3000);
}
bootstrap();
  1. 아래와 같이 수정한다.
import { NestFactory } from '@nestjs/core';
import { AppModule } from './app.module';

async function bootstrap() {
  const app = await NestFactory.create(AppModule, {cors:true});
  app.enableCors();
  await app.listen(3000);
}
bootstrap();
  1. CORS 옵션을 지정해 줄수도 있다.
app.enableCors({
    origin: true,
    methods: 'GET,HEAD,PUT,PATCH,POST,DELETE,OPTIONS',
    credentials: true,
});

생각보다 매우 깔.끔 하다.

0개의 댓글