【AWS】API GatewayのLambda統合Proxy使用時のCORS設定

1. 使用するサービス

(AWS)

  • Lambda


2.概要

API Gatewayの設定は下記参考。
buffalokusojima.hatenablog.com

記事の内容だと、フロントのJavascriptからajaxなどで通信した際のレスポンスがCORSエラーとなります。
それを防ぐ方法として、Lambdaのレスポンスヘッダに明示的にCORSの設定を入れておきます。

3. 実装

下記コード参考

import json

def handler(event, context):
   
    data = {
        "data": "Hello World"
    }

    return {
        "statusCode": 200,
        "body": json.dumps(body),
        "headers": {
            "Access-Control-Allow-Headers": "Content-type",
            "Access-Control-Allow-Origin": "*",
            "Access-Control-Allow-Methods": "OPTIONS" 
        }
    }

4. おわりに

わかってみれば簡単なことでした。Orginが*で全てを許容してますが、環境変数に実際のURL等を入れましょう。