iframe はどのような状況でクロスドメインになりますか?

iframe は、次の状況でクロスドメインになります: 1. ドメイン名が異なります。iframe のソース ドメイン名が親ページのドメイン名と異なる場合、クロスドメインの問題が発生します。 . プロトコルが異なります。iframe のプロトコルが親ページのドメイン名と異なる場合、親ページのプロトコルが異なる場合、クロスドメインの問題が発生します。3. ポート番号が異なる場合、 iframe のポート番号が親ページのポート番号と異なる場合、クロスドメインの問題が発生します; 4. サブドメイン名が異なる場合、iframe のサブドメイン名が異なる場合、親ページのサブドメイン名が異なる場合、クロスドメインの問題が発生します。ページは親ページのページとは異なります。

# このチュートリアルのオペレーティング システム: Windows 10 システム、Dell G3 コンピューター。

Web 開発において、iframe は、Web ページを別の Web ページ内に埋め込むために使用される HTML 要素です。ただし、セキュリティ上の理由により、ブラウザーは iframe へのクロスドメイン アクセスを制限する同一オリジン ポリシーを実装しています。

同一オリジン ポリシーはブラウザのセキュリティ メカニズムであり、Web ページが同じソースからのリソースのみと対話できること、つまりプロトコル、ドメイン名、ポート番号が完全に一致する必要があります。 2 つの Web ページのオリジンが異なる場合、それらの間の相互作用はクロスオリジンとみなされます。

次の状況では、iframe にクロスドメインの問題が発生します:

1. 異なるドメイン名: iframe のソース ドメイン名が親ページのドメイン名と異なる場合、クロスドメインの問題が発生します。たとえば、親ページのドメイン名は www.example.com で、iframe のソース ドメイン名は sub.example.com です。

2. 異なるプロトコル: iframe のプロトコルが親ページのプロトコルと異なる場合、クロスドメインの問題が発生します。たとえば、親ページは https プロトコルを使用しますが、iframe は http プロトコルを使用します。

3. 異なるポート番号: iframe のポート番号が親ページのポート番号と異なる場合、クロスドメインの問題が発生します。たとえば、親ページの URL は www.example.com:8080 で、iframe の URL は www.example.com:3000 です。

4. 異なるサブドメイン名: iframe のサブドメイン名が親ページのサブドメイン名と異なる場合、クロスドメインの問題が発生します。たとえば、親ページのドメイン名は www.example.com で、iframe のドメイン名は sub.example.com です。

クロスドメインの問題を解決するには、次の方法を使用できます:

1. プロキシ サーバーを使用する: サーバー側でプロキシを設定することで、クロスドメイン リクエストがターゲットサーバーに転送され、応答がクライアントに返されます。

2. JSONP: JSONP (パディング付き JSON) テクノロジを使用して、

• Ajax リクエスト WebService クロスドメインの問題解決
• ThinkPHP フレームワークはセッションのクロスドメインの問題を実装します
• Vue-cli proxyTable が開発環境におけるクロスドメインの問題を解決する方法
• PHP送信フォームのレイヤーポップアップiframeを閉じる方法を説明する例
• nginxのクロスドメイン問題を解決する方法