CORS 에러가 발생하는 이유 💫

브라우저 기반 웹 애플리케이션인 App Framework 앱에서 외부 웹 서비스로부터 공유 리소스를 받기 위해 교차 출처 호출을 시도하고 있다. 이를 CORS(Cross-Origin-Resource-Sharing) 요청이라고 한다.

이러한 교차 출처 호출을 관리하는 브라우저 기반의 CORS 표준이 있다. 특정 조건이 충족되지 않으면 위와 같은 오류가 발생한다.

CORS 에러 해결법 ✨

한 출처(www.origin1.com)가 다른 출처(www.origin2.com)를 호출할 때 이를 교차 출처 요청이라고 한다. 이 요청이 작동하려면 특정 조건이 마련되어 있어야 한다. 호출되는 외부 서비스(www.origin2.com)는 응답 시 HTTP 헤더 Access-Control-Allow-Origin을 반환해야 한다.
외부 서비스가 이 헤더를 반환하지 않으면 CORS 스펙에 대한 브라우저의 규정 준수가 요청을 중지하며 바로 에러가 발생하는 것이다.

참고자료
https://support.zendesk.com/hc/ko/articles/4408881672730-CORS-%EB%AC%B8%EC%A0%9C%EB%A5%BC-%ED%95%B4%EA%B2%B0%ED%95%98%EB%A0%A4%EB%A9%B4-%EC%96%B4%EB%96%BB%EA%B2%8C-%ED%95%B4%EC%95%BC-%ED%95%98%EB%82%98%EC%9A%94-
https://xiubindev.tistory.com/115