AngularJSからSpring-Boot APIを呼び出す

Question

私はSpring BootでAPIを実行しており、AngularJSのhttp呼び出しを使用してデータにアクセスしたいと考えています。しかしそれは私にエラーを与えています

XMLHttpRequestはhttp://localhost:9000/transaction-service/transaction/query?id=800103209000150247301466600013をロードできません。要求されたリソースに「Access-Control-Allow-Origin」ヘッダーが存在しません。 Origin 'http://localhost:3000'はアクセスできません。

ヘッダーと関係がありますが、どのように行うのかわかりません。

Answer 1

anglejsでこれを処理するために、同じ発信元ポリシーの制限に違反しました。 JSON with padding（JSONP）とクロスオリジンリソース共有（CORS）ヘッダーの2つのソリューションがあります。

サンプルJSONPリクエストとレスポンスを調べて、実際の動作を確認しましょう。まず、JSONPリクエストを呼び出す必要があります。

$http 
    .jsonp('http://angularjs.org/greet.php?callback=JSON_CALLBACK', { 
    params:{ 
     name:'World' 
    } 
    }).success(function (data) { 
    $scope.greeting = data; 
    }); 

または、ドメイン間のリソース共有を許可するように適切なCORSヘッダーを設定します。あなたは、Apacheを使用している場合：

をyour .htaccess fileに次のように置く：あなたがApacheを設定するためのアクセス権を持っていない場合

Header set Access-Control-Allow-Origin "*" 

を、あなたはまだPHPスクリプトからヘッダを送信することができます。これは、添加した場合ですfollowing to your PHP scripts：

<?php 
header("Access-Control-Allow-Origin: *");