拒绝在框架中显示,因为它将'X-Frame-Options'设置为DENY facebook fb.ui share方法

Question

在控制台中接收此消息:拒绝显示在框架中,因为它将"X-Frame-Options"设置为DENY

当站点在移动版本中显示时会发生这种情况,如果用户代理是移动设备,则只会提供一组不同的html和资产.

它会在控制台错误消息中显示m.facebook.com.

FB.ui(
{
    method: 'share',
    href: 'https://www.espn.com/mlb',
},
    function(response) {
        if (response && !response.error_code) {
          console.log('shared_post');
          //facebook_post_to_fanpage(access_token_data, link_id, song);
          return true;
        } else {
          return false;
        }
    }
);      

我可以在网站的移动版本上使用FB.api,以及登录和getauth没有任何问题,但是当我尝试使用FB.ui时,它给我配合,包括共享和提要方法.

如果我使用的是facebook javascript sdk,我想我会很清楚.

Answer 1

我从这篇文章得到了我的解决方案:加载iframe Facebook(X-Frame-Options拒绝加载)

我得到了相同的问题,它得到修复,当我使用target ="_ top"作为链接时,它现在正在完美地工作.

Answer 2

您必须在 FB 开发人员仪表板中允许您的移动应用程序域。我在 FB.ui 上遇到了这个问题 - 当用户未登录到 FB 时“共享”。

我发现这个视频很有帮助：https : //www.youtube.com/watch?v=7CNpLgwa0-c