問題タブ [hot-module-replacement]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
nginx - Docker で nginx を介して hot-module-requests を転送する
ホットモジュールの交換をサポートする 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 対応ページを提供できることを確認しました。
事前にサポートに感謝します。提供できる追加情報がある場合はお知らせください。