임베딩 문제

제품 지원
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에서는 동작이 다릅니다:

image
image823×439 21.3 KB

Chrome에서는 다음과 같습니다:

image
image752×339 11.1 KB

Discourse는 같은 머신에서 리버스 프록시(nginx) 뒤의 Docker로 실행되고 있습니다.

이 문제를 디버깅하기 위해 어떻게 접근해야 할까요?