API Gateway(Lambdaプロキシの統合) + Lambdaでcorsを有効にする

API Gateway(Lambdaプロキシの統合) + Lambdaでcorsを有効にする

クロスオリジンリクエストの場合

シンプルリクエストの場合

Lambdaのheadersに”Access-Control-Allow-Origin”:’*’を追加します。

headers: {
  "Access-Control-Allow-Origin": '*'
}

API Gatewayの設定は不要です。

シンプルリクエストではない場合

Lambdaのheadersに”Access-Control-Allow-Origin”:’*’を追加します。

headers: {
  "Access-Control-Allow-Origin": '*'
}

プリフライトリクエストが実行されるのでAPI GatewayでCORSの有効化を行い、OPTIONSメソッドを追加する必要があります。

参考サイト

REST API リソースの CORS を有効にする - Amazon API Gateway

クロスオリジンリソース共有 (CORS) とは何か、有効にするかどうか、および API Gateway で CORS メソッドを有効にする方法について説明します。

docs.aws.amazon.com

API Gateway の Lambda プロキシ統合のCORS対応をまとめてみる | DevelopersIO

はじめに おはようございます、もきゅりんです。 あけましておめでとうございます。 今回は、Lambda プロキシ統合のCORS対応をまとめてみました。 まず、この記事の内容に興味はあるのだが、Lambda プロキシ統合と …

dev.classmethod.jp

高橋

KHI入社して退社。今はCONFRAGEで正社員です。関西で140-170/80～120万から受け付けております^^
得意技はJS(ES6),Java,AWSの大体のリソースです
コメントはやさしくお願いいたします^^
座右の銘は、「狭き門より入れ」「願わくは、我に七難八苦を与えたまえ」です^^
資格：少額短期保険募集人,FP3級,宅建士