Question

因此，根据官方文档，我正在尝试为AMP页面实施webpush通知：

https://amp.dev/documentation/components/amp-web-push

但是在添加<amp-web-push>组件并指定指向helper-iframe-url的{{1}}时出现了问题，这是我从官方页面下载的。

当我在浏览器中打开AMP页面时，控制台中出现错误：

拒绝显示 'https://mytestsite.com/test/amp/amp-web-push-helper-frame.html?parentOrigin=https://mytestsite.com' 因为它会将“ X-Frame-Options”设置为“ deny”。

关于这一点，我无法与服务人员进行互动。我看了看官方的AMP演示，并且没有amp-web-push-helper-frame.html值的X-Frame-Options标头。

这是我的HTML模板：

AMP组件：

deny

AMP小部件

<amp-web-push
        id="amp-web-push"
        layout="nodisplay"
        helper-iframe-url="https://mytestsite.com/test/amp/amp-web-push-helper-frame.html"
        permission-dialog-url="https://mytestsite.com/test/amp/amp-web-push-permission-dialog.html"
        service-worker-url="https://mytestsite.com/test/amp/service-worker.js">
</amp-web-push>

因此，我整天都在寻找解决方案和重构，但仍然遇到问题。

Answer 1

X-Frame-Options标头由您的后端服务器软件或反向代理（nginx，apache，envoy等）定义。

您必须将其更改为X-Frame-Options: sameorigin。

AMP Webpush错误：“ X-Frame-Options”为“ deny”

1 个答案: