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
Easily add (Access-Control-Allow-Origin: *) rule to the response header.
chrome.google.com
3. 프록시 서버 사용하기
무료 프록시 서버를 사용하는 것은 테스트용으로 적합함
실제로는 구축해서 사용할 것
참고하면 좋을 사이트
🌐 악명 높은 CORS 개념 & 해결법 - 정리 끝판왕 👏
악명 높은 CORS 에러 메세지 웹 개발을 하다보면 반드시 마주치는 멍멍 같은 에러가 바로 CORS 이다. 웹 개발의 신입 신고식이라고 할 정도로, CORS는 누구나 한 번 정도는 겪게 된다고 해도 과언이
inpa.tistory.com
728x90