サポートチームの皆様、こんにちは!
ブラジルから来た開発者です。React 向けの SSR コンテンツを処理するサーバーである NextJS を使用して、会社のブログを開始しました。ブログのコメントシステムとして Discourse を利用しようとしているのですが、うまくいかず苦労しています。
現在は bitnami の Discourse Docker イメージを使用しています。
iframe を読み込むために必要な埋め込み用 JavaScript ファイルは正常にダウンロードされているのですが、iframe が Loading Discussion の状態で停止してしまいます。
現在、以下のような window オブジェクトを使用しています:
DiscourseEmbed = {
discourseUrl: 'https://comments-valelabs.domain.com.br/',
discourseEmbedUrl: 'https://valelabs.domain.com.br/post/${slug}',
discourseReferrerPolicy: 'no-referrer-when-downgrade'
}
ここで slug は、私のブログ記事の現在の URL です。
10〜20 秒ほど読み込みを続けると、console に以下のエラーが表示されます:
Failed to execute 'postMessage' on 'DOMWindow': The target origin provided ('https://comments-valelabs.domain.com.br') does not match the recipient window's origin ('https://valelabs.domain.com.br')
iframe がリフレッシュされ、referer-policy が strict-origin-when-cross-origin に変更されていることに気づきました。これが上記のエラーの原因かもしれません。
どなたかお手伝いいただけますでしょうか?お時間をいただきありがとうございます!