質問: お世話になっております。 現在AWSでの開発を行っているのですが、 ブラウザ(リクエスト)→APIgateway→lambda(レスポンス)→APIGateway→ブラウザという流れを行いたいのですが、 CORS関係で失敗しているような状態となっています。 クロームブラウザの開発者ツールではAPIが実行されたのち、ステータス(canceled)となっており、 Provisional headers are shown 0 B(size) time(20 ms) と返ってきています。 キャッシュがきいているのかとIEブラウザやキャッシュクリアを行いましたが特に変わらずです。 一部ふせているので参考になるかわかりませんが... Provisional headers are shown Accept:* Content-Type:application/x-www-form-urlencoded Origin:http://******************************.s3-website-ap-northeast-1.amazonaws.com Referer:http://******************************.s3-website-ap-northeast-1.amazonaws.com/?***=xxxxxxxxxxxxxxx User-Agent:Mozilla/5.0 (Windows NT 10.0; Win64; x64) ............... リクエストがどこまで通っているか確認したところ ・ブラウザからのリクエスト→ClourdWatchでログを確認済み ・lambdaが実行されることを確認 ・APIgatewayのテストでレスポンスが返ることを確認(lambdaから返るstatusコードも参照できました) まではできております。 また、CORSの有効化はAPIgatewayから実施、デプロイまで済んでいます。 Access-Control-Allow-Headers Access-Control-Allow-Origin Access-Control-Allow-Methods 統合レスポンスのレスポンスヘッダーにAccess-Control-Allow-Origin '*' を設定しています。 ブラウザ側のリクエストヘッダーは xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded'); xhr.setRequestHeader('Accept', '*'); を設定しています。 ドメインは同じAWSのs3バケットからアクセスしています。 どこか見落としがないかご指摘頂ければ幸いです。
回答: 解決しました。 xhrのpostの同期通信が警告となっており、非同期に切り替えたことで解決しました。