Entoverse

Reactのこと

Lambda + API Gateway No 'Access-Control-Allow-Origin' header

下記のように、AWS API Gatewayで[CORSの有効化]をなんど試してもうまくいかない場合

Access to XMLHttpRequest at '*.ap-northeast-1.amazonaws.com/*' from origin 'http://localhost:3000' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. 
exports.handler = async (event) => {
const response={};
return response;   
}

上記のresponse側にheadersを追加してやる

const response = {
        statusCode: 200,
        headers: {
        "Access-Control-Allow-Origin" : "*", 
        "Access-Control-Allow-Credentials" : true
        },        
        body: JSON.stringify('Hello from Lambda!')
};

JavaScript JSONオブジェクト変数の階層を再帰で掘る - Mjeld Technologies

JavaScript 連想配列(オブジェクト)の結合 コード例 - Mjeld Technologies

JavaScript 配列 連結 プログラム例 - Mjeld Technologies