S3のサイトからAmazon API Gatewayのリクエストを発行したらOrigin https://s3-ap-northeast-1.amazonaws.com is not allowed by Access-Control-Allow-Originが出てハマった

以下の手順で解決した。

(1) Amazon API Endpointの管理画面から/Optionsのリソースを選択する。

(2) Method Responseの Response Header for 200にAccess-Control-Allow-Header,Access-Control-Allow-Origin ,Access-Control-Allow-Methodsを追加する。

スクリーンショット 2016-02-27 20.26.44

(3) Integration Responseを選択して、以下の内容を記述する。

Access-Control-Allow-Header ‘Content-Type,X-Amz-Date,Authorization,X-Api-Key,X-Requested-With’
Access-Control-Allow-Origin ‘*’
Access-Control-Allow-Methods ‘POST,GET,OPTIONS,PUT,DELETE’

スクリーンショット 2016-02-27 20.15.50

Ajaxでリクエストを発行する場合はAccess-Control-Allow-Headerに”X-Requested-With”を記述しないと動作しないので注意!

Related Contents

Pickup Contents