Error & Tip

Cross-Origin Resource Sharing (CORS) 개념 & 해결법

웹 개발자라면 한 번씩 신고식으로 보는 CORS(Cross-Origin Resource Sharing) 정책에 대해서 정리하려고 합니다. 위의 CORS policy 오류 메시지는 CORS 정책을 위반할 때 발생한다.  CORS (Cross-Origin Resource Sharing)간단하게 브라우저에서 다른 출처의 리소스를 공유하는 방법이다. 요청 방식에 따른 CORS1. HTML 태그기본적으로 Cross-Origin 정책을 지원한다.  2.XMLHttpRequest, Fetch API 스크립트기본적으로 Same-Origin 정책을 따른다.다른 도메인의 소스에 대해 자바스크립트 API 호출하는 경우 웹은 크게 두가지의 Origin 정책을 가지고 있다. 그 중 첫번째가 SOP(Same-Origin Poli..