問題タブ [webpack-dev-middleware]

redux で反応アプリを作成するためのASP.NET Core 2.0テンプレートを使用して、react CRA (CREATE REACT APP) で使用される webpack-dev-server を使用したいと考えています。

ASP.NET Core 2.0アプリ ビルドは、js (クライアント/サーバー) ファイルに出力し、それを剃刀ページにレンダリングします。(cshtml ) (SSR) 実行時 (F5) は IISEXPRESS を使用して実行されます。

IISEXPRESSを使用して同じことを実行したいのですが、特に初期ビルド後の実行が高速であるため、 WebpackDevServerを使用します。

package.json にプロキシを追加して、次のことを試しました

テンプレートは、react アプリのサーバー側レンダリングを行う方法を提供します。私はたくさんのファイルを持っているので、目標は、ファイルへの変更に対してより高速なインクリメンタル ビルドを行うことです。

Create React App を使用して同じコードで実行すると、アプリは問題なく高速にレンダリングされます。

一方、ASP.NET Core テンプレートによって提供される既定の HMR (ホット モジュール交換) は、レンダリングしてエラーをスローすることがあり、全体をもう一度再構築する必要があり、多くの時間を消費します。

とにかく、WebPackDevServer を IISExpress で動作させることができますか? 同じことに関するご意見をお寄せいただきありがとうございます。

私は Webpack/Phaser/Express プロジェクトを持っています。アプリをロードすると、Chrome コンソールで次のエラーが発生して画像をロードできません。

これらのイメージを Phaser にロードします。

フェイザー コードに含めようとするすべての静的ファイルで同じエラーが発生します。

ウェブパック構成:

それが私のserver.jsでwebpack-dev-middlewareを使用する方法です：

プロジェクトの構造:

適切に機能させるためのアドバイスはありますか？webpack-dev-middleware アプリを使用していない場合は正常に動作します。しかし、変更を加えるたびにプロジェクトを再構築するのは面倒です。

webpack-dev-server で開発環境をセットアップしました。そのプロキシ構成を使用して、バックエンドと通信します。

サーバーには、すべてのアプリケーションで使用する共通のログイン ページがあります。呼び出されると、後続のリクエストで渡されると予想されるセッション Cookie を設定します。次の構成を使用しましたが、何らかの理由で Cookie がブラウザーに設定されていません。開発ツールのネットワークタブの応答ヘッダーで確認できます。

https://middleware_server/app/loginエンドポイントは、set-cookie ヘッダーを含むログイン ページを返します。

プロキシは、ログイン ページや API 呼び出しにアクセスする際の CORS エラーを回避するために使用されます。

この時点まで、アプリケーションからのコードは実行されません。Cookie を設定するために、coomon のログイン ページで何かを行う必要がありますか?

アプリケーションはReactで書かれています。

どんな助けでも大歓迎です。