ホームページ >ウェブフロントエンド >jsチュートリアル >JSオリジンとクロスドメインアクセスの実装について詳しく解説

JSオリジンとクロスドメインアクセスの実装について詳しく解説

今回は、JSの同一オリジンとクロスドメインアクセスの実装について詳しく説明します。JSの同一オリジンとクロスドメインアクセスの実装の注意点は何ですか?実際のケースを見てみましょう。

1. 同一オリジンポリシーとは

クロスドメインを理解するには、まず同一オリジンポリシーを理解する必要があります。同一生成元ポリシーは、セキュリティ上の理由からブラウザに実装される非常に重要なセキュリティポリシーです。

同一オリジンとは:

URLはプロトコル、ドメイン名、ポート、パスで構成されます。2つのURLのプロトコル、ドメイン名、ポートが同じである場合、それらは同じオリジンを持つことを意味します。

同一生成元ポリシー:

ブラウザの同一生成元ポリシーは、異なるソースからの「ドキュメント」またはスクリプトによる現在の「ドキュメント」の特定の属性の読み取りまたは設定を制限します。 (ホワイトハットは Web セキュリティについて語ります [1])

あるドメインからロードされたスクリプトは、別のドメインのドキュメント属性にアクセスすることを許可されません。

例:

たとえば、悪意のある Web サイトのページには、iframe を介して銀行のログインページが埋め込まれます (2 つのオリジンは異なります)。送信元の制限がない場合、悪意のある Web ページの JavaScript スクリプトは、ユーザーはユーザー名とパスワードで銀行にログインします。

ブラウザでは、