angular.js jsonが動作していない

Question

私のブラウザで1つの問題が発生しています。 app.jsの私のタラは、次のとおりです。

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

    }); 

、これはクロムで私の問題である：//api.geosvc.com/rest/US/84606/：

XMLHttpRequestが htttpをロードすることはできません近くに？apikey = 4ff687893a7b468cb520b3c4e967c4da &d = 20 & pt = PostalCode &形式= json。 要求された リソースに 'Access-Control-Allow-Origin'ヘッダーが存在しません。したがって、発信元 'http://192.168.1.38:8100'は許可されません。 ？ionicplatform = IOS：1

嘆願は... :)

Answer 1

約CORSを読むようにしてください役立ちます。

これは良いstart for Ionicです。

バックエンドにソリューションを実装することをお勧めします。

テスト目的でのみ、Chrome App StoreにCORSプラグインを使用して有効にしてリクエストを有効にすることができます。

Answer 2

これはサーバー側の問題です。あなたはcorsのための角度で任意のヘッダーを追加する必要はありません。 CORSはCross Origin Resource Sharingです。あるドメインから別のドメインにアクセスしようとすると、このエラーが発生します。サーバー側にヘッダーを追加する必要があります。

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

Answer 3

this stackoverflow answerを確認してください。

それはおよそシンプルなCORSがとプリフライトCORSがデータを取得するために、角度によって送られ Sを要求する要求について説明します。

お手伝いします。