CORS

이 글은 CORS에 대해 개인적으로 정리한 글입니다. 지적과 조언은 언제나 환영입니다 ㅎㅎ

---

CORS; Cross-Origin Resource Sharing

데이터를 주고받는 과정에서, 도메인 이름이 서로 다른 사이트 사이에서 API 요청을 할 때, 정보를 제공하는 입장에서 공유를 설정하지 않았다면, CORS 에러가 발생한다.

위의 그림을 이해했다면, CORS의 맥락을 이해한 것이다.

CORS는 서버 입장에서 허용한 origin만 요청할 수 있도록 접근을 제한/허용하는 기능이다.

즉, 서버에서 Cross-origin의 접근 권한을 통제하는 기능이 CORS라고 할 수 있다.

---

Express 서버라면, cors 미들웨어를 등록하여 간단히 해결할 수 있다.

const express = require('express');
const cors = require('cors');

const app = express();
app.use(cors());

NestJS 서버에선 아래의 코드로 쉽게 CORS 문제를 해결할 수 있다. 링크

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