Origin は、スキーム・ホスト・ポートの組み合わせで表される Web 上の識別単位です。
CORS や Same-Origin Policy を理解するときの基本になります。
まず押さえたいポイント
https://example.comとhttp://example.comは別になることがある- サブドメインやポートが違っても別になることがある
- CORS はこの違いを前提に動く
どんな場面で使うか
- フロントと API が別URLの構成
- ローカル開発でポート違いを扱うとき
- ブラウザのセキュリティ制約を理解するとき
どんなふうに理解するとよいか
初心者向けには、ブラウザが同じ場所か別の場所かを判断する単位 と考えると分かりやすいです。
同じ localhost でもポートが違えば別オリジンになることがあります。
押さえておきたい注意点
ドメイン名だけ同じなら同一扱いになるわけではありません。
スキームやポートまで含めて見る必要があります。
実務で見るポイント
- CORS でまず確認したい前提になる
- 開発環境と本番環境で差が出やすい
- 許可オリジンの設計にそのまま関わる