NestJS | CORS 설정

Sua·2021년 3월 31일
4

NestJS

목록 보기
7/9
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 설정을 해줘야 한다.
https://docs.nestjs.com/security/cors

// main.ts
const app = await NestFactory.create(AppModule);
app.enableCors();
await app.listen(3000);

main.tsapp.enableCors();를 추가한다.
설정을 해주고 서버를 껐다 켜야 적용된다!!!


옵션을 지정해줄 수도 있다.

기본 설정은 이런 상태
The default configuration is the equivalent of:

{
  "origin": "*",
  "methods": "GET,HEAD,PUT,PATCH,POST,DELETE",
  "preflightContinue": false,
  "optionsSuccessStatus": 204
}

자세한 거는 https://github.com/expressjs/cors#configuration-options 를 참고하자.

profile
Leave your comfort zone

0개의 댓글