トピックコンテンツ内のIframeが読み込もうとしていません

サポート
1

このトピックについて Iframe question - #3 をフォローしましたが、元の件名を多少広げすぎたと思います。

この投稿 Iframe question - #3 は、私のブログ記事への説明付きのURLを正常に読み込みます。しかし、下のボックス、iframeは、Discourseで投稿を表示する際にネットワークタブ（F12）を検査したところ、ロードを試みることすらしていません。miniglot.com（VercelでホストされているNext.js、DNSはCloudflare）へのリクエストは一切なく、forum.miniglot.com（別にホストされているDiscourseサーバー）のみです。

投稿マークアップ:

https://miniglot.com/blog/welcome-to-the-miniglot-community

<iframe url="https://miniglot.com/blog/welcome-to-the-miniglot-community"></iframe>

Discourse設定 CORSオリジン:

Discourse設定「許可されたiframe」:

miniglot.comの私のnext.config.js:
…サーバーが呼び出されていることすら確認できないため、スコープ外だと思いますが：

...
async headers() {
    return [
      {
        source: '/(.*)',
        headers: [
          {
            key: 'X-Frame-Options',
            value: 'ALLOWALL',
          },
          {
            key: 'Content-Security-Policy',
            value: "frame-ancestors 'self' https://forum.miniglot.com;",
          },
        ],
      },
    ]
  },
...

何かヒントはありますか？ iframeは今は諦めるかもしれませんが、それは残念です。「ブログコメント」カテゴリが私のDiscourseで何であるか、そしてそれがブログページとどのように連携するかを初心者が理解するのに役立つと思うからです。

2

読者の便宜を図るために画像を追加します。

image
image1229×927 78.3 KB

3

問題はここにある可能性があります。

<iframe> url="https://miniglot.com/blog/welcome-to-the-miniglot-community"></iframe>

iframeはurl属性を受け付けないと思います。srcに変更してみてください。

<iframe> src="https://miniglot.com/blog/welcome-to-the-miniglot-community"></iframe>

「いいね！」 5
4

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.