CORS 완벽 이해 — 왜 차단되고 어떻게 해결하나

CORS란

Cross-Origin Resource Sharing. 브라우저가 다른 출처의 리소스 요청을 제어하는 보안 메커니즘입니다.

Preflight 요청

PUT, DELETE 등 단순하지 않은 요청은 OPTIONS 메서드로 사전 확인합니다.

Express에서 설정

import cors from "cors";

app.use(cors({
  origin: ["https://example.com", "https://app.example.com"],
  methods: ["GET", "POST", "PUT", "DELETE"],
  credentials: true,
  maxAge: 86400, // preflight 캐시 24시간
}));

origin에 *를 사용하면 credentials와 함께 쓸 수 없습니다.