2017-08-23 9 views
0

私はAngular/Ionic 1アプリケーションからAWS APIへの呼び出しに苦労しています。AngularJSとAWS API Gateway APIが送信されない

APIプロキシ設定があり、APIキーを作成しました。私はCORSをAWSで設定しましたが、すべてはPostmanでうまく動作しますが、Angular Appからリクエストを行うと403 {"message": "Forbidden"}となります。

これは私が電話をかけるために使用しているコードです:メソッド "ので、許可されていない

APIキー:私は次のように取得しています私のAWSのログで

getTodaysLiveGames: function() { 
    return $http({ 
     url: 'https://**************.execute-api.us-east-1.amazonaws.com/prod/livescores', 
     headers: { 'x-api-key': '**************************************' }, 
     method: 'GET' 
    }).then(function(result){ 
     ... 
    }).catch(function(err){ 
     ... 
    }); 
    }, 

OPTIONS/livescores 'にはAPIキーが必要APIキーとAPIキーはAPIステージの使用計画に関連付けられていません*******/prod:APIキーは必須ですが存在しません。

問題が何であるかを頭に浮かべることはできません。 AWSでAPIキーを設定し、使用プランに添付して、ステージに正しく公開しました。

誰でも手助けできますか?

+0

AWSでオプションを許可する方法を追加する必要があります。 –

+0

レビュー[クロスソースリソース共有(CORS)の有効化](http://docs.aws.amazon.com/AmazonS3/latest/dev/ManageCorsUsing.html) – georgeawg

答えて

1

必ず 'X-API-key' を作るには、/livescores>OPTIONS>統合レスポンス>ヘッダーマッピングAccess-Control-Allow-Headersレスポンスヘッダのマッピング値の一部です。