外部 HTML インスタンスをロードする VUE ページの詳細な説明

フロントエンドとバックエンドが分離されており、バックエンドがインターフェースを提供します。ただし、製品説明ファイルを比較する一部のデータは、他のサーバーに保存されます。したがって、ページを表示すると、この記述ファイルがページ内にインライン形式で表示されます。望ましい効果を達成するには、何かを行う必要があります。この記事では主に、VUE ページに外部 HTML を読み込むためのサンプル コードを紹介します。編集者が非常に優れていると考えたので、参考として共有します。編集者をフォローして見てみましょう。皆さんのお役に立てれば幸いです。

前の IFRAME タグとは異なり、このメソッドは比較的低機能であり、他にもいくつかのバグがあります。

この記事のアイデアは、HTML リクエストを v-html の形式でページに読み込むことです。グローバルコンポーネント[V-HTML-PANEL]

1.htmlpanel.vuefile

rreee

htmlviewsample.vue

rreee

lastrendering

notes：処理にはクロスドメインを処理する必要があります

• 外部CSSスタイルは表示されるHTMLに適用されます

• 同時に読み込まれる外部HTML内のスクリプトも実行される可能性があり、オンデマンドで処理する必要があります

• 外部 HTMLファイル内の相対パスは自動認識されません。絶対パスは

• NGINXクロスドメイン設定:

(Originで*を使用するとエラーになるようです) . ここで、セキュリティが心配な場合は、リクエスト元のアドレスを直接使用してください。そうでない場合は、if+通常の条件を使用して判断できます)

関連推奨事項:

html一時停止フレームiframe読み込みhtml設定使用例

以上が外部 HTML インスタンスをロードする VUE ページの詳細な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。