CORS — Termwire

あるサイトのブラウザが、別のサイトのAPIを呼んでよいかを制御する仕組み。

ブラウザは標準では、今開いているサイトと異なるドメインのAPIへの通信を制限する。サーバー側が「このドメインからのアクセスなら許可する」という応答ヘッダーを返すことで、初めてその通信が成立する。

フロントエンドとAPI サーバーのドメインが異なる構成でよく遭遇する「CORSエラー」は、フロントエンド側ではなくAPIサーバー側の設定で解決するのが基本。エラーメッセージに惑わされてフロントエンドばかり疑わないよう注意する。