【プログラミング / サーバーサイド】発生している課題やトラブルの解決をサポートしてくださる方を探しています
08月05日まで
現在以下のエラーが解消できず詰まっています。
こちらのエラーの解決の見込みがありましたらぜひお願いしたく存じます。
※当方AWSは初心者です。
【現在の状況】
Netlify、AWSを使用して家計簿アプリを作成しています。
【困っていること】
フロントエンドから GET /expenses(一覧取得API)を呼び出すと、ブラウザのCORSエラーで失敗し続けている。
・エラー内容:Access to fetch ... has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present
・プリフライト(OPTIONS)は204で成功するが、レスポンスヘッダーにAccess-Control-Allow-OriginなどのCORS関連ヘッダーが一切含まれていない
・本体のGETリクエストは応答なし(ステータスコード欄が空、net::ERR_FAILED)
・API GatewayのCORS設定画面では Access-Control-Allow-Origin: *、Methods(GET/POST/PUT/DELETE/OPTIONS)、Headers(content-type, authorization)を設定・保存したはずだが、反映されていない
・Cognitoオーソライザーを一時的に外して(認証なし状態で)テストしても、同じCORSエラーが発生(認証が原因ではないことは切り分け済み)
・Lambda(kakeibo-list-expenses)のCloudWatchロググループ自体が「存在しない」状態が続いており、Lambdaまでリクエストが一度も到達していないことが判明している
【目標】
エラーの解消