Question

我在iframe中的Google地图页面中使用amp-iframe。该页面工作正常并在我尝试的所有浏览器上验证，除了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添加到sandbox属性时，它已解决。此示例来自<amp-iframe> doc：

<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>代码，以便我们提供帮助？

拒绝获得不安全的标题＆＃34; AMP-Access-Control-Allow-Source-Origin＆＃34;

1 个答案: