jQuery에서 AJAX 호출 시 CORS 에러 해결법

Question

jQuery $.ajax로 다른 도메인 API를 호출하면 CORS 에러가 납니다. Access-Control-Allow-Origin 헤더가 없다는데 어떻게 해결하나요?$.ajax({ url: "http://api.example.com/data", success: function(data) { console.log(data); } });

김영삼 · Accepted Answer

CORS는 서버 측에서 허용 헤더를 추가해야 합니다. 클라이언트에서는 해결할 수 없습니다.PHP 서버라면:header("Access-Control-Allow-Origin: *"); header("Access-Control-Allow-Methods: GET, POST"); header("Access-Control-Allow-Headers: Content-Type");서버를 수정할 수 없다면 JSONP를 사용하거나, 자신의 서버에 프록시를 두는 방법이 있습니다.

댓글 2