zero-base/ CORS 원인 및 해결 방법

CORS란?

Cross-Origin Resource Sharing(CORS)는 웹에서 발생하는 보안 정책

다른 도메인(Origin)간의 자원 공유를 제어하는 것

보안 상의 이유로 다른 도메인으로의 HTTP요청을 제한함

 

원인?

브라우저에서 다른 도메인에 있는 리소스에 접근하려고 할때 발생함

ex) A에서 실행중인 코드가 B에있는 api에서 http 요청을 보내려고 할때 통신을 차단하면서 CORS가 발생함

 

 

해결 방법

1. 서버에서 헤더 설정하기

Access-Control-Allow-Origin 헤더를 설정해서 허용할 도메인 명시

 

2. 크롬 확장 프로그램 사용하기

https://chrome.google.com/webstore/detail/allow-cors-access-control/lhobafahddgcelffkeicbaginigeejlf

Allow CORS: Access-Control-Allow-Origin

 

3. 프록시 서버 사용하기

무료 프록시 서버를 사용하는 것은 테스트용으로 적합함

실제로는 구축해서 사용할 것

 

 

 

참고하면 좋을 사이트

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

🌐 악명 높은 CORS 개념 & 해결법 - 정리 끝판왕 👏