요청은 CURL에서 작동하지만 Ajax에서는 작동하지 않습니다.

Question

Scrapyd 서버를 실행 중이고 작업을 예약하려고합니다.

내가 CURL을 사용하여 아래에 시도

그것은

는 내가 AJAX 요청을 수행 한 것을 내가 이것에 대한 GUI를 가지고 각도의 작은 코드 UI를 수행 한 후, 핀 전자

curl http://XXXXX:6800/schedule.json -d project=stackoverflow -d spider=careers.stackoverflow.com -d setting=DOWNLOAD_DELAY=2 -d arg1=val1 

을하고있다 위의 작업을 수행하십시오.

var baseurl = GENERAL_CONFIG.WebApi_Base_URL[$scope.server]; 
      var URI = baseurl +"schedule.json"; //http://XXXXX:6800/schedule.json 
      var headers = {'content-type': 'application/x-www-form-urlencoded'} 

      console.log(URI) 

      $http.post(URI,data = $scope.Filters, headers).success(function (data, status) { 


       console.log(data) 


      }).error(function (data, status) { 
       console.log(status); 

       alert("AJAX failed!"); 
      }); 

그러나 나는 No 'Access-Control-Allow-Origin' header is present on the requested resource. 오류가 발생합니다.

해결 방법을 알려줄 수 있습니까?

왜 CURL에서 작동하지만 내 AJAX에서는 작동하지 않습니다.

감사합니다.

Answer 1

이는 브라우저가 동일한 출처 정책이라는 이유 때문입니다. 다른 체계, 호스트 이름 및 포트 번호 조합을 통해 아약스 요청을 방지합니다. 컬에는 그러한 보호 장치가 없습니다.

동일한 도메인과 포트에 api와 client 앱을 둘 다 넣거나 CORS 헤더 'Access-Control-Allow-Origin'을 서버에 추가해야합니다.

다른 옵션 중 하나는 JSONP입니다. 이 경우 json 데이터를 가져 오는 데 적합 할 수 있습니다. 휴식 API에는 적합하지 않습니다. 각도 사용시이