CORS 에러

CORS (Cross-Origin Resource Sharing) 교차 출처 리소스 공유 정책

: 교차 출처라고 하는 것은(엇갈린) 다른 출처를 의미하는 것으로 보면 된다.

출처(Origin)이 무엇인지 간단하게 살펴보자.

출처(Origin) 란?

우리가 어떤 사이트를 접속할때 인터넷 주소창에 우리는 URL이라는 문자열을 통해 접근하게 된다. 이처럼 URL은 https://domain.com:3000/user?query=name&page=1 과 같이 하나의 문자열 같지만, 사실은 다음과 같이 여러개의 구성 요소로 이루어져 있다.

• Protocol(Scheme) : http, https
• Host : 사이트 도메인
• Port : 포트 번호
• Path : 사이트 내부 경로
• Query string : 요청의 key와 value값
• Fragment : 해시 태크

CORS를 이해하는데 있어 3가지만 기억하면 된다.

Origin : Protocol + Host + Port

즉,출처(Origin) 라는 것은 Protolcol 과 Host 그리고 Port 까지 모두 합친 URL을 의미한다고 보면 된다.

(간단하게 자바스크립트로도 현재 사이트의 Origin을 알아낼 수도 있다.)

출처(Origin)에 대해서 알아봤으니 이제 본격적으로 Same Origin 정책과 Cross Origin 정책에 대해 알아보자.