使用FB.ui send接口在localhost环境报错X-Frame-Options: deny求助

这个报错核心原因是：Facebook的send对话框明确禁止在iframe中加载（通过X-Frame-Options: deny配置），而你的调用环境可能默认触发了iframe加载模式，再加上一些配置疏漏导致的。下面是针对性的修复方案：

1. 强制使用弹出窗口模式调用 #

FB.ui会根据页面环境自动选择加载方式，直接指定display: 'popup'可以强制打开独立窗口，彻底绕过iframe限制，这是最直接的修复方法：

FB.ui({
  method: 'send',
  link: 'https://www.facebook.com/me2spage/',
  display: 'popup' // 关键参数：强制以独立窗口打开对话框
});

2. 升级Facebook SDK版本 #

你代码里使用的v2.8版本已经被Facebook废弃多年，不仅存在兼容性问题，还可能触发旧的加载逻辑。建议替换为最新的稳定版本（比如当前的v18.0），初始化代码示例：

window.fbAsyncInit = function() {
  FB.init({
    appId      : '你的应用ID', // 替换成你自己的Facebook App ID
    cookie     : true,
    xfbml      : true,
    version    : 'v18.0' // 使用最新的SDK版本
  });
};

// 异步加载SDK脚本
(function(d, s, id){
   var js, fjs = d.getElementsByTagName(s)[0];
   if (d.getElementById(id)) return;
   js = d.createElement(s); js.id = id;
   js.src = "https://connect.facebook.net/en_US/sdk.js";
   fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));

3. 确保测试页面不在iframe中运行 #

如果你的localhost页面本身嵌套在另一个iframe里，即使设置了popup参数也可能出现异常。请直接在浏览器顶级窗口打开测试页面（比如访问http://localhost:你的端口号）。

4. 检查Facebook应用的域名配置 #

登录Facebook开发者后台，找到你的应用进入Settings > Basic，在页面下方的「Allowed Domains for the JavaScript SDK」中添加你的localhost域名（比如http://localhost或https://localhost，根据你的开发环境选择），确保SDK可以在本地正常调用。

按上面的步骤调整后，send对话框应该能正常弹出，不会再出现X-Frame-Options的报错了。

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