2017-01-22 3 views
2

ich Creat Android App, die mit meiner Website mit Json API arbeiten. Aber ich habe ein Problem in meinem Browser; mein Kabeljau in app.js ist:angular.js bekommen Json funktioniert nicht

$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); 

    }); 

und das ist mein Problem in Chrom:

XMLHttpRequest htttp nicht geladen werden kann: //api.geosvc.com/rest/US/84606/ in der Nähe? apikey = 4ff687893a7b468cb520b3c4e967c4da & d = 20 & pt = Postleitzahl & format = json. Kein 'Access-Control-Allow-Origin'-Header ist auf der angeforderten -Ressource vorhanden. Herkunft 'http://192.168.1.38:8100' ist daher nicht erlaubt Zugang. ? Ionicplatform = ios: 1

Bitten helfen ... :)

Antwort

0

Versuchen über CORS zu lesen.

Dies ist eine gute start for Ionic.

Es wird empfohlen, die Lösung in Ihrem Backend zu implementieren.

Nur zu Testzwecken können Sie das CORS Plugin im Chrome App Store verwenden und aktivieren, damit die Anfragen funktionieren.

+0

danke wirklich mein Problem ist zu lösen :) –

+0

@mohammaghyaghoi Können Sie bitte die Antwort als akzeptiert markieren? –

0

Dies ist ein serverseitiges Problem. Sie müssen keine Header in eckigen für Cors hinzufügen. CORS ist Cross-Origin-Ressourcenfreigabe, Sie erhalten diesen Fehler, wenn Sie versuchen, von einer Domäne auf eine andere Domäne zuzugreifen. Sie müssen Header auf der Server-Seite hinzuzufügen:

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

danke auch :) –

0

Bitte this stackoverflow answer überprüfen.

Es erklärt über einfachen CORS fordert und Preflight CORS anfordern s durch kantige, gesendeten Daten zu erhalten.

Ich hoffe, es hilft Ihnen.

Verwandte Themen