ホームページ > 記事 > ウェブフロントエンド > JS の同一オリジンポリシーとクロスドメインアクセスの実践についての詳細な説明

JS の同一オリジンポリシーとクロスドメインアクセスの実践についての詳細な説明

今回はJSの同一オリジンポリシーとクロスドメインアクセスについて具体的に解説します。 JSの同一オリジンポリシーとクロスドメインアクセスの注意点は何ですか？。

この記事の例では、JavaScript の同一オリジンポリシーとクロスドメインアクセスについて説明します。参考のために皆さんと共有してください。詳細は次のとおりです:

1. 同一オリジンポリシーとは何ですか

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

同一オリジンとは:

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

同一生成元ポリシー:

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

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

例:

たとえば、悪意のある Web サイトのページには、iframe を介して銀行のログインページが埋め込まれています (2 つは異なるソースからのものです)。ユーザーが銀行のログインページにログインすると、ユーザー名とパスワードが取得されます。

ブラウザでは、

JS の同一オリジン ポリシーとクロスドメイン アクセスの実践についての詳細な説明