CORS 에러 정리(1)

* origin = 프로토콜 + 호스트 + 포트

ex) https:// : protocol , www.domain1.com : host , :8080 : port

 

SOP

- 다른 origin의 스크립트가 실행되지 않도록 브라우저에서 사전에 차단
- 같은 origin끼리만 요청을 보낼수 있다.

http://www.domain1.com -> http://www.domain2.com (X)

CORS

- 다른 origin도 요청을 보낼 수 있다.
http://www.domain1.com -> http://www.domain2.com (O)

 

참고)

* CORS에러는 다른 출처라서 에러가 나는것인데, CORS 설정을 해주면 된다.

    -> SOP 정책을 위반해도 CORS 정책에 따르면 다른 출처의 리소스라도 허용한다는 뜻

* CORS에러는 서버가 아닌 브라우저에서 발생시키는 에러이다.
    -> 응답 데이터는 멀쩡하지만 브라우저 단에서 받을수 없도록 차단

 

CORS 동작

1. 클라이언트에서 http 요청 시, header에 origin 정보를 담아 보낸다.
2. 서버에서 Access-Control-Allow-Origin을 Header에 담아 응답한다. (Access-Control-Allow-Origin = 접근 허용된 url 정보)
3. 브라우저에서 header에 origin 정보와 Access-Control-Allow-Origin 정보를 비교
4. 다르다면 CORS에러 발생 (서버에서 Access-Control-Allow-Origin 설정을 한다면 CORS에러 해결 가능)

 

출처)

https://inpa.tistory.com/entry/WEB-%F0%9F%93%9A-CORS-%F0%9F%92%AF-%EC%A0%95%EB%A6%AC-%ED%95%B4%EA%B2%B0-%EB%B0%A9%EB%B2%95-%F0%9F%91%8F