X-Frame 选项同源问题答案

【问题标题】：X-Frame options sameorigin issueX-Frame 选项同源问题
【发布时间】：2023-04-07 18:00:01
【问题描述】：

我需要在我的 wordpress 网站上显示一个 mautic 表单。托管环境是 AWS Lightsail。表单显示正确，但是当单击提交按钮时，它没有提交并且页面保持原样。当我检查 Chrome 浏览器的开发者控制台时，我可以看到这个。

Refused to display 'mydomainip/form/submit?formId=1' in a frame because it set 'X-Frame-Options' to 'sameorigin'.

我在 AWS 的 apache 中发现了 apache httpd.conf 文件。在头模块部分，我可以看到当前代码是，

Header always append X-Frame-Options SAMEORIGIN

所以我把它改成了，

X-Frame-Options: ALLOW-FROM https://mymauticdomainip.com/

但它仍然不起作用。我真的被困在这里，请有人帮我解决这个问题。

【问题讨论】：

你重启服务器了吗？
是的，我确实重启了服务器
我仍然卡在这一点上
检查 Chrome 页面标题以查看该标题是否按预期工作。也许其他东西正在改变它，从 AWS 中的 .htaccess 或更高版本。
我可以在 chrome 网络面板的标题部分看到此消息 - “显示临时标题”。我认为这是由于我的待处理请求而显示的。

标签： wordpress apache amazon-web-services httpd.conf mautic

【解决方案1】：

可能没什么，但是在谷歌云上我去了 /opt/bitnami/apache2/conf/httpd.conf 并将其更改为这个，现在它可以工作了：

<IfVersion >= 2.4.7 >
    Header always setifempty X-Frame-Options "ALLOW-FROM https://example.com"

</IfVersion>
<IfVersion < 2.4.7 >
    Header always merge X-Frame-Options "ALLOW-FROM https://example.com"
</IfVersion>

【讨论】：