CORS

CORS は、ブラウザが別オリジンへのリクエストをどう許可するかを決める仕組みです。
正式には Cross-Origin Resource Sharing の略です。

まず押さえたいポイント

• ブラウザの制約に関係する仕組み
• 別オリジンの API を呼ぶときに問題になりやすい
• サーバーのヘッダーで許可範囲を伝える

どんな場面で使うか

• フロントエンドと API が別ドメインの構成
• localhost:3000 から localhost:8000 を呼ぶ開発環境
• JavaScript の fetch() や Axios で別オリジンへアクセスするとき

どんなふうに理解するとよいか

初心者向けには、ブラウザが別サイト扱いの相手を勝手に読ませないためのルール と考えると入りやすいです。
そのうえで、必要な通信だけ許可するための仕組みが CORS です。

押さえておきたい注意点

CORS エラーは、API が完全に壊れているとは限りません。
サーバーは 200 を返していても、ブラウザ側が応答を読ませないことがあります。

実務で見るポイント

• フロントと API を分ける構成でかなりよく出る
• とりあえず * ではなく許可する Origin を整理した方が安全
• 認証や Cookie を使うときは特に設計が大事