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

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

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

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

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

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