安全でないヘッダー "AMP-Access-Control-Allow-Source-Origin"の取得を拒否しました

Question

私はamp-iframeをiframe内のGoogleマップのあるページに使用しています。ページはうまく動作し、MacOSのSafariを除いて、私が試したすべてのブラウザで検証します。

私は、コンソールにこのエラーが表示されます。

Refused to get unsafe header "AMP-Access-Control-Allow-Source-Origin" 

私は自分のサーバーにこれらのヘッダを追加してみました：

Header set Access-Control-Allow-Origin * 
Header set Access-Control-Allow-Headers AMP-Access-Control-Allow-Source-Origin 
Header set Access-Control-Expose-Headers AMP-Access-Control-Allow-Source-Origin 
Header set AMP-Access-Control-Allow-Source-Origin https://example.com 

しかし、私はまだ同じエラーを参照してください。 Safariでのみ発生します。 CORSに関連しているようです。誰でも助けることができますか？

Answer 1

Googleカレンダーを埋め込んだ同様の問題がありましたが、これはallow-scriptsとallow-same-originの両方を​​属性に追加すると解決しました。このサンプルでは、​​<amp-iframe>ドキュメントから来ている：

<amp-iframe width="200" height="100" 
    sandbox="allow-scripts allow-same-origin" 
    layout="responsive" 
    frameborder="0" 
    src="https://www.google.com/maps/embed/v1/place?key=AIzaSyDG9YXIhKBhqclZizcSzJ0ROiE0qgVfwzI&q=iceland"> 
</amp-iframe> 

これはあなたの問題を解決しない場合、我々は助けることができるので、あなたがあなたの<amp-iframe>コードを含めるようにあなたの質問を編集することができますか？