TIL67-01 CORS 에러란

1. CORS 에러

• 프로젝트를 하다보면 벡엔드와 통신 중에 CORS에러를 맞이 하는 경우가 있다. 이 경우 보통 벡엔드에서 해결을 하기 때문에 프론트엔드에서는 개념을 모르는 경우가 있다.
• 프론트엔드에서 CORS에러에 대해 알고 있으면 좋을 것 같아 간단하게 정리해보았다.

2. CORS란?

• CORS는 Cross-Origin Resource Sharing의 약자로, 웹 브라우저에서 발생하는 보안 정책 중 하나다. 이 정책은 서로 다른 도메인에서 리소스에 접근하는 것을 제한하여 웹 어플리케이션의 보안을 강화한다.

3. CORS 에러에 대해

• CORS 오류는 웹 어플리케이션에서 다른 도메인에서 가져온 리소스를 사용하려 할 때 발생한다. 이때, 브라우저는 보안 정책에 따라 해당 요청을 차단한다.

• CORS 오류의 원인은 주로 다음과 같다.
  - 동일 출처 정책을 위반한 요청
  - CORS를 허용하지 않는 서버에서 요청을 보낸 경우
  - 브라우저 캐시 문제
  - HTTP 메소드나 헤더에 잘못된 값이 포함된 경우

• 이러한 이유로 인해, CORS 오류를 해결하기 위해서는 서버 측에서 CORS 정책을 올바르게 설정하거나, 클라이언트 측에서 CORS 요청을 보내기 전에 필요한 설정을 적용해야 한다