嵌入错误——引用者未发送,或未与以下任一主机匹配

大家好,我正尝试将 https://forum.neverlocal.com 用作 https://blog.neverlocal.com 的评论区,后者是我们公司的 Jekyll 博客。我们使用的是 Discourse 的托管版本。

Discourse 嵌入配置如下:

允许的主机:blog.neverlocal.com
路径允许列表:*/
帖子分类:Blog
帖子作者:system

嵌入代码是:

  <div></div>
  <meta name='discourse-username' content='system'>

  <script type="text/javascript">
    DiscourseEmbed = {
      discourseUrl: 'https://forum.neverlocal.com/',
      discourseEmbedUrl: '{{site.url}}{{page.url}}',
      // className: 'share-box',
    };

    (function() {
      var d = document.createElement('script'); d.type = 'text/javascript'; d.async = true;
      d.src = DiscourseEmbed.discourseUrl + 'javascripts/embed.js';
      (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(d);
    })();
  </script>

目前,出于调试原因,我们不显示 iframe,因此其样式设置为 display: none

但不幸的是,我遇到了以下错误:

Referer:https://blog.neverlocal.com/xxx
Referer 要么未发送,要么未匹配以下任何主机:

    blog.neverlocal.com.*

此外,我们的论坛上也没有创建任何帖子。

顺便说一句,您可以通过访问博客、打开任何帖子,并使用开发者工具检查情况来亲自查看所有这些。我有点不知所措,不知道该怎么办,我已经搜索了论坛但似乎没有解决方案奏效。

非常感谢任何帮助!
Fab

好的,我取得了一些进展。基本上我没有改变任何东西,除了我们确认了订阅(之前我们处于试用期结束时)。会不会是因为订阅不激活就无法嵌入?

除此之外,我仍然有一个问题,那就是评论区的 iframe 卡在 150px,并且以任何方式都不想动态更新。这意味着评论区被截断,“继续讨论”按钮不可见。我在论坛上到处都找了,但似乎找不到任何指向修复方法的线索。

关于这一点,答案是否定的。我们的试用网站在嵌入方面没有任何限制。

据我所知,我们从未遇到过此类问题。例如,请参阅这篇博文中的回复:组装一台电脑,第九部分:缩小规模

这真是太奇怪了!我花了 15 天的时间试图弄清楚我到底哪里做错了,差点要疯了。然后我今天查看,发现 7 天前所有的帖子都被自动创建了,并且嵌入了 iframe。在这段时间里,博客没有任何改动。

据我所知,我们从未遇到过此类问题。例如,请看这篇博客的回复:组装电脑,第九部分:缩小尺寸

是的,这正是我们想要的。但在我们的例子中,iframe 的高度被限制在 150px。这是否与我们如何设置 iframe 本身及其容器 div 的样式有关?

我认为是的,这一定是 iframe 的自定义 CSS 规则,或者可能是从其他自定义 CSS 继承的规则。

我不知道,也不知道该如何调试!我使用开发者工具注意到 iframe 最初是嵌入的,没有任何 height 属性。大约一秒钟后,它会获得一个 150px 的 height 属性。我想象中可能有一些 JavaScript 函数或其他东西在传递这些数据,但我不知道在哪里可以找到它,也不知道这些数据是如何获取的,这使得调试非常困难。