← シナリオ一覧
🌐

本番だけCORSエラー

中級12

本番にデプロイしたら、フロントエンドがAPIを叩けなくなった。開発環境ではちゃんと動いていたのに…

👤 役割
フロントエンド担当
🎯 ゴール
本番ドメインからAPIを叩いても CORS エラーが出ないようにする
⚠️ 現在の症状
  • ブラウザのコンソールに `No 'Access-Control-Allow-Origin' header` エラー
  • curl で直接APIを叩くと 200 が返る(サーバー自体は正常)
  • 開発環境 (localhost:3000) からは問題なく叩けていた
📚 このシナリオで学べること
  • CORS はサーバー側のヘッダー応答で制御される
  • ブラウザのネットワークタブ・コンソールエラーの読み方
  • preflight OPTIONS リクエストの存在
障害対応を開始 →