2017-01-22 3 views
2

creat 안드로이드 앱이 내 사이트 부엉 json api에서 작동하지만 내 브라우저에서 문제가 하나 있습니다.angular.js json이 작동하지 않는다

$http.get('http://api.geosvc.com/rest/US/84606/nearby?apikey=4ff687893a7b468cb520b3c4e967c4da&d=20&pt=PostalCode&format=json') 
.success(function(response){ 
    angular.forEach(response.data.children,function(child){ 

    $scope.stories.push(child.data); 

    }); 

이 크롬에서 내 문제입니다 : app.js 내 대구는

은 XMLHttpRequest htttp를로드 할 수 없습니다 : //api.geosvc.com/rest/US/84606/ 근처에? apikey = 4ff687893a7b468cb520b3c4e967c4da & d = 20 & pt = PostalCode & 형식 = json. 요청한 리소스에 'Access-Control-Allow-Origin'헤더가 없습니다. 따라서 'http://192.168.1.38:8100'은 액세스가 허용되지 않습니다. ? ionicplatform = IOS : 1

행복 도움이 ... :)

답변

0

봅니다 대한 CORS를 읽을 수 있습니다.

이것은 좋은 start for Ionic입니다.

백 엔드에 솔루션을 구현하는 것이 좋습니다.

테스트 목적으로 만 Chrome 앱 스토어에 CORS 플러그인을 사용하고 요청을 사용하도록 설정할 수 있습니다.

+0

정말로 내 문제가 해결되었습니다 :) –

+0

@mohammadyaghooi 답변을 수락 한 것으로 표시해 주시겠습니까? –

0

이것은 서버 측 문제입니다. 꼬마 머리 글자를 추가 할 필요가 없습니다. CORS는 Cross Origin Resource Sharing입니다. 한 도메인에서 다른 도메인에 액세스하려는 경우이 오류가 발생합니다. 서버 측에 헤더를 추가해야합니다.

Access-Control-Allow-Headers: Content-Type 
Access-Control-Allow-Methods: GET, POST, OPTIONS 
Access-Control-Allow-Origin: * 
+0

너무 감사합니다 :) –

0

this stackoverflow answer을 확인하십시오.

그것은 약 간단한 CORS가프리 플라이트 CORS 데이터를 얻기 위해 각도가 보낸들, 요청 요청 설명합니다.

희망이 있으면 도움이됩니다.

관련 문제