Azure中Docker部署的WordPress无法嵌入iframe的问题求助

你遇到的问题确实是Azure Linux版Web App的Nginx反向代理在搞事——它默认会强制加上X-Frame-Options: sameorigin，而且这个设置优先级比你在.htaccess或WordPress插件里加的高，所以你的修改被覆盖了。下面是几个可行的解决办法：

1. 修正Azure应用设置的自定义头配置（推荐） #

你说已经在应用设置里配置了规则，但大概率是键名不对。Azure要求自定义HTTP头的应用设置键必须以HTTP_开头，系统会自动去掉前缀作为响应头输出：

• 进入Azure门户，找到你的Web应用，打开配置 > 应用设置
• 添加（或修改）键值对：
  • 键：HTTP_X_FRAME_OPTIONS
  • 值：ALLOW-FROM http://你的本地IP:端口
• 保存设置，等待应用重启后再检查响应头，这个设置会直接覆盖Nginx的默认头。

2. 自定义Nginx配置强制替换头 #

如果第一种方法没生效，可以直接修改Nginx的配置文件：

• 本地创建一个名为custom-headers.conf的文件，内容如下：

  add_header X-Frame-Options "ALLOW-FROM http://你的本地IP:端口" always;
  

  这里的always必须加，确保即使页面返回错误状态码，这个头也会被发送

• 通过Azure Kudu控制台上传文件：
  1. 打开https://你的应用名.scm.azurewebsites.net/，进入Debug console > SSH
  2. 执行命令把文件传到Nginx的配置目录：mv /home/site/wwwroot/custom-headers.conf /etc/nginx/conf.d/
• 重启Web应用，Nginx会加载这个自定义配置，强制输出你需要的头。

3. 通过Kudu编辑wp-config.php #

虽然你说无法SSH，但Azure的Kudu控制台其实可以直接访问容器文件：

• 打开Kudu的SSH终端（同上），找到WordPress的配置文件：/var/www/html/wp-config.php
• 编辑该文件，在<?php开头后添加一行：

  header('X-Frame-Options: ALLOW-FROM http://你的本地IP:端口');
  

• 保存后刷新页面，这个设置会让WordPress在输出页面时直接添加头，不过优先级可能低于Nginx，建议配合前两种方法使用。

4. 排查其他干扰因素 #

如果以上方法都没效果，检查这两个点：

• 是否安装了WordPress安全插件（比如Wordfence、iThemes Security），这类插件可能会强制设置X-Frame-Options，需要在插件设置里关闭或修改对应规则
• 是否配置了Azure CDN，CDN层也可能会添加或修改响应头，需要在CDN的规则里调整X-Frame-Options的设置

内容的提问来源于stack exchange，提问作者Suisse