ユニバーサル React アプリケーションがあります。ページの 1 つに別のサーバーからの HTML を含めたい -エッジ サイド インクルード(ESI) について言及されていますが、この方法論は Universal React アプリケーションと互換性がないようです。
- クライアント側を含む Edge 側の機能を再作成することはできません。少なくとも外部 URL をブラウザに公開する必要があります。これを行うためにサーバー上にプロキシ ページを作成し、このクライアント側を実行するときに AJAX 経由で html スニペットを読み込むことができると思いますが、それでも 2 番目の問題が残ります...
- ESI を使用するということは、CDN サーバーで処理するときに、React アプリケーションの既に (サーバー側で) レンダリングされた DOM に非 React DOM コンテンツを挿入することを意味します。これにより data-react-checksum が無効になると確信しており、これを回避する方法は考えられません。
使用できる代替の React フレンドリーなユニバーサル レンダリング アプローチはありますか?