원격 json에서 데이터를로드 할 수 없습니다

Question

나는 angularjs와 하이브리드 응용 프로그램을 구축 오전 및 외부 소스에서 서비스를 호출하려고합니다. 내가 전화를 걸 때 내 코드 내가 오류

여기

XMLHttpRequest cannot load https:XXXX/xxx.json. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost' is therefore not allowed access. 

을 얻고있다 URL로

app.controller('overview', function($scope, $http) { 
    $http({ 
     method : "GET", 
     url : "https://ysaf.XXXX.yourcxxxxx/resource.json" 
    }).then(function appSucces(response) { 
     $scope.resources = response.data; 
    }, function appError(response) { 
     $scope.resources = response.statusText; 
    }); 
}); 

난 내가 호출 할 경우에만, 어떤 오류가 아니라하고 로컬 .json 파일을 호출하는 경우 외부 API,이 오류가 발생합니다.

내가이 코드에서 잘못하고있는 것이 있습니까?

Answer 1

Access-Control-Allow-Origin이 서버의 응답에 설정되어 있지만 클라이언트가 다른 출처의 클라이언트가 응답에 액세스 할 수 있도록 허용하지 않았습니다.

이 경우 https://ysaf.XXXX.yourcxxxxx/resource.json은 출처에서 응답에 액세스 할 수 없도록합니다. 그러므로 당신은 그것을 읽을 수 없습니다.

Answer 2

Access-Control-Allow-Origin: *과 같은 필요한 헤더를 추가하십시오.

직면 한 문제는 CORS 문제입니다. CORS - Cross Origin Resource Sharing.

CORS 문제는 우리가 http://localhost:9080/anotherapplication (다른 포트를 액세스) http://localhost:8080/myapplication에있는 경우 우리는 abc.com과 접근 xyz.com (다른 도메인을 경우 다음과 같은 경우

1))

2)에 발생합니다

당신은 당신의 개발이 확장을 다운로드해야

Answer 3

:

https://chrome.google.com/webstore/detail/allow-control-allow-origi/nlfbmbojpeacfghkpbjhddihlkkiljbi

모든 Access-Control-Allow-Origin 문제를 해결할 것입니다 :

dev를 막을 때 사용 중지하는 것을 잊지 마세요. 웹 탐색에 문제가 될 수 있습니다.