ホットモジュールの交換をサポートする webpack アプリケーションの Dockerizing に取り組んでいます。nginx フロントエンドを追加したので、ホット モジュール交換を接続するのに問題があります。Nginx はページを提供しますが、js バンドルはwebpack-dev-server別の Docker コンテナーで実行されているものに接続できません。
問題の原因と思われる 2 つのことは、ドメイン解決の問題 (Docker コンテナーと nginx の間) と、要求に適切なアップグレード/ホスト ヘッダーがないことです。
このプロジェクトのソース コードはこちらです。
このプロジェクトには 2 つの Docker コンテナーがあります。
app-webpack-webpack-dev-serverWeb サイトを提供するAapp-nginx- リバースプロキシ
私のnginx設定ファイルはdocker/nginx.
理想的には、ユーザーはlocalhostnginx が取得してリダイレクトする に移動しapp-webapp:3000ます。次に、webpack-dev-server がsocketjs-nodeソケット アドレスを介して hot-module-replacement コードを送信し、ページがローカルで更新されます。
app-webpackコンテナーが HMR 対応ページを提供できることを確認しました。
事前にサポートに感謝します。提供できる追加情報がある場合はお知らせください。