学習方法

メンター情報

料金

対応時間帯

返信スピード

学習方法

メンター情報

料金

対応時間帯

返信スピード

NullPo

Sier3年目エンジニアです。 HTML,CSS,JSの知識があります。
プロフィールをもっとみる

8時間前

募集をシェアしてメンターを探そう
シェア
サーバーサイド

【プログラミング / サーバーサイド】発生している課題やトラブルの解決をサポートしてくださる方を探しています

22時間前
単発
予算
3,500円
提案数
8人が提案中
応募期限
あと 13
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までリクエストが一度も到達していないことが判明している

【目標】
エラーの解消

NullPo

プロフィール

Sier3年目エンジニアです。
HTML,CSS,JSの知識があります。

8時間前

募集をシェアしてメンターを探そう
シェア