Free Lines Arrow
본문 바로가기
Development/WEB

[WEB] CORS 란?

by skahn1215 2021. 8. 17.
728x90
반응형

CORS 란

  • Cross-Origin Resource Sharing 교차 출처 리소스 공유이다.
  • 웹 개발을 하다보면 자주 만나는 이슈이다.
  • 서로 다른 도메인의 사이트에서 api를 요청 할때 공유를 할 수 있도록 설정해주는 것이다.
  • 즉 서로다른 Origin 에서 자원을 공유 할수 있도록 해준다.

 

 

Origin 이란?

다음과 같이 구성 되어 있다.

요청이 시작된 주소를 나타낸다.

  • Schema
  • Host
  • Port 

 

 

 

 

CORS 에러가 생기는 이유

CORS 정책을 위반 했기 때문에 발생한다.

SOP 때문이라고 해도 과언이 아니다.

 

SOP

  • Same Origin Policy 를 뜻한다
  • 특정 Origin 에서 불러온 문서나 자원에 다른 Origin 에서 가져온 자원과 상호작용을 제한한다.
  • 이것때문에 CORS 가 발생한다.

 

 

 

CORS해결 방법

 

서버단에서 해결 방법

API 의 응답 해더에 Access-Control-Allow-Origin 값을 넣어 준다.

 

728x90
반응형

'Development > WEB' 카테고리의 다른 글

[WEB] SOAP 와 REST 의 차이점  (0) 2021.08.26
[WEB] SOAP  (0) 2021.08.26
[WEB] HTTPS  (0) 2021.08.17
[WEB] HTTP 와 HTTPS 의 차이점  (0) 2021.08.17
[WEB] Rest API 와 설계  (0) 2021.08.09

댓글