iframe が「X-Frame-Options」エラーをスローするのはなぜですか?それを修正するにはどうすればよいですか?

iframe で 'X-Frame-Options' を設定する

JavaScript で iframe を作成すると、次のようなエラーが発生する場合があります。 X-Frame-Options' は、要求されたリソース上で 'SAMEORIGIN' に設定されます。これは、リソースをホストしているドメイン (「https://www.google.com.ua」など) が、独自のドメイン外の iframe にリソースを読み込むことを禁止していることを意味します。

「X-Frame-」オプションの応答ヘッダーは iframe では変更できません。これはホスト ドメインによって設定され、フレームにリソースをロードできる許可されたオリジンを決定します。

この問題を解決するには、ホストの「X-Frame-Options」設定を確認する必要があります。ドメインの応答ヘッダー。ホスト ドメインでクロスオリジン フレーミングが禁止されている場合、iframe 自体からこの設定をオーバーライドする方法はありません。

Chrome デベロッパー ツールで応答ヘッダーを検査する例を次に示します。

<img src="https://i.sstatic.net/bjM2C.png" alt="enter image description here">

「X-Frame-Options」の値、この場合は「SAMEORIGIN」が「応答ヘッダー」に表示されます。セクション。

以上がiframe が「X-Frame-Options」エラーをスローするのはなぜですか?それを修正するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。