AMP Webpush Error: 'X-Frame-Options' to 'deny'

Question

所以我正在尝试按照官方文档为 AMP 页面实现 webpush 通知：

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

但是在添加 <amp-web-push> 组件并指定 helper-iframe-url 指向 amp-web-push-helper-frame.html 时出现问题，我从官方页面下载了

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

Refused to display 'https://mytestsite.com/test/amp/amp-web-push-helper-frame.html?parentOrigin=https://mytestsite.com' in a frame because it set 'X-Frame-Options' to 'deny'.

关于这一点，我无法与服务人员互动。我看了一下官方 AMP 演示，没有 X-Frame-Options header 和 deny 值。

这是我的 HTML 模板：

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>

AMP 小部件

    <amp-web-push-widget visibility="unsubscribed" layout="fixed" width="245" height="45">
        <!-- Custom banner goes here... -->
    </amp-web-push-widget>

所以我花了一整天的时间寻找解决方案和重构，但问题仍然存在。

Answer 1

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

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

AMP Webpush Error: 'X-Frame-Options' to 'deny'

AMP Webpush Error: 'X-Frame-Options' to 'deny'

javascript

web-push

amp-html