埋め込みに関する問題

サポート
1

ブログへのコメントシステムとして Discourse を設定している際に、問題が発生しました。

適切なホワイトリストを設定しました：

image
image1214×218 12.8 KB

そして、以下の埋め込みコードを使用しています：

<div id='discourse-comments'></div>

<script type="text/javascript">
  DiscourseEmbed = { discourseUrl: 'https://forum.midline.pl/',
                     discourseEmbedUrl: 'https://www.midline.pl/iphone-vs-interoperacyjnosc/' };

  (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>

しかし、コメントが表示されません。Firefox と Chrome では動作が異なります：

image
image823×439 21.3 KB

Chrome では：

image
image752×339 11.1 KB

Discourse は Docker 内で同じマシン上で実行され、リバースプロキシ（nginx）の背後にあります。

この問題のデバッグにはどのように取り組めばよいでしょうか？