[NestJS] CORS

프로젝트를 진행하지는 않았지만, 보통 백엔드와 프론트엔드는 다른 사람이 맡아서 진행하기 때문에 이어붙히는 과정에서 CORS 에러를 발생시킬 수 있다.

CORS란 교차 출처 리소스 공유의 약자로, 추가 HTTP 헤더를 사용하여, 한 출처에서 실행 중인 웹 애플리케이션이 다른 출처의 선택한 자원에 접근할 수 있는 권한을 부여하도록 브라우저에 알려주는 체제다.

쉽게는 자바스크립트는 하나의 어플리케이션에 서로 다른 도메인이 접근하는 것을 보안상 이유로 제한하기 때문에, CORS를 허용하여 서로 다른 도메인에서 접근이 가능하도록 해줘야 개발단계에서의 CORS 에러를 없앨 수 있다.

Nest에서는 enableCors 메서드를 통해 CORS를 쉽게 컨트롤 할 수 있다.

app.enableCors({
	origin: true, // true면 아무나 접근이 가능하도록 허용한다. 배포단계에서는 url을 적어서 하나의 도메인에서만 백엔드 애플리케이션에 접근할 수 있도록 한다.
    credentials: true, // 신뢰가능한 것인지 체크해준다.
})