1

我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 有关。任何人都可以帮忙吗？

4

1 回答 1

0

我在嵌入谷歌日历时遇到了类似的问题，当我同时添加allow-scripts和属性时它解决allow-same-origin了。sandbox此示例来自<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>代码以便我们提供帮助？

于 2017-11-03T05:58:30.753 回答