node.js + express.js + react.jsを使用してアプリケーションをビルドしていて、webpackを使用してクライアントサイドコードをコンパイルしています。私が抱えている問題は、クライアント側のコードがwebpackでコンパイルされ、私のアプリケーションを実行した後で、ページを更新できないということです。webpackでコンパイルしたときにプロダクションでページを更新できません
マイコード:
私のWebPACKは/dist/index.html
に私のファイルをコンパイルし、私のアプリは、ポート3000上で実行し、すべてのクライアント側のルートは/admin
が付いています。
app.get('/', function(req, res) {
res.render('dist/index.html');
});
私はブラウザでlocalhost:3000
に移動し、リンクの周りをクリックすると、アプリが正常に動作します。私は、一例として、about
ページに行けばしかし、:
localhost:3000/admin/about
そして私はリフレッシュ、私はエラーCannot GET /admin/about
を取得します。
ので、私のソリューションは、すべての「キャッチを含めるようにしたものをレンダリングするために知っていない私は、理由は私の急行ルータだけ/
ルートを知っているであると考えている...ので、私は/admin/about
のようなルート上に直接更新すると、表現"経路:
app.get('*', function(req, res) {
res.render('dist/index.html');
});
しかし、これは私にError: Failed to lookup view "dist/index.html"
エラーを与え続けます。
誰かが助けることができますか?
ありがとうございます!