20230628 [CORS란]

CORS

교차 출처 리소스 공유 (Cross-Origin Resource Sharing, CORS)는 추가 HTTP 헤더를 사용하여, 한 출처에서 실행 중인 웹 애플리케이션이 다른 출처의 선택한 자원에 접근할 수 있는 권한을 부여하도록 브라우저에 알려주는 체제이다.

보안 상의 이유로, 브라우저는 스크립트에서 시작한 교차 출처 HTTP 요청을 제한한다. 예를 들어, XMLHttpRequest와 Fetch API는 동일 출처 정책을 따른다. 즉, 이 API를 사용하는 웹 애플리케이션은 자신의 출처와 동일한 리소스만 불러올 수 있으며, 다른 출처의 리소스를 불러오려면 그 출처에서 올바른 CORS 헤더를 포함한 응답을 반환해야 한다.

CORS 체제는 브라우저와 서버 간의 안전한 교차 출처 요청 및 데이터 전송을 지원한다.

출처?

origin(출처) : scheme(protocol), host(domain), port로 구성된다. 두 객체의 scheme, host, port가 모두 일치하는 경우 같은 출처를 가졌다고 말한다.

일부 작업은 동일 출처 콘텐츠로 제한되나, CORS를 통해 제한을 해제할 수 있다.

동일 출처 예시

• 스킴(http)과 호스트(example.com) 일치
  http://example.com/app1/index.html http://example.com/app2/index.html
• HTTP의 기본 포트는 80이므로 동일한 출처
  http://Example.com:80
  http://example.com

다른 출처 예시

• 다른 스킴
  http://example.com/app1
  https://example.com/app2
• 다른 호스트
  http://example.com
  http://www.example.com
  http://myapp.example.com
• 다른 포트
  http://example.com
  http://example.com:8080