プロダクション環境でcreate-react-appベースのプロジェクトでポート番号を指定するにはどうすればよいですか？

Question

私はcreate-react-appでビルドされたいくつかの反応プロジェクトを持つWebサイトを展開しています。各プロジェクトは独自のウェブページに表示されます（例：mywebsite.com/project1、mywebsite.com/project）。私は設定する方法を理解しているUbuntuサーバにnginxリバースプロキシを設定していますが、それぞれのポートが固有のポートを持つように作成するためのポート番号を指定する方法がわかりません。 。誰もこれを行う方法について光を当てることができますか？ありがとう！

PS - このようなスレッドは - How to specify a port to run a create-react-app based project?ですが、このソリューションをプロダクションでどのように適用できるかわかりません。

Answer 1

create-react-appでnpm startコマンドを使用して起動するサーバーは、webpack dev serverです。それは開発中に使用することを意味し、実稼働環境では使用しないでください。

代わりに、単純な静的ファイルサーバーで簡単にCRAアプリケーションをホストすることができます。easily configure with nginxにはリバースプロキシやdevサーバーのポートを変更することなくアクセスできます。 npm run buildコマンドを実行して、buildフォルダの内容を静的ファイルサーバーの適切なフォルダに展開するだけです。これについてはthe documentation of CRAで詳しく読むことができます。

のような相対パスでアプリケーションをホストする予定であるため、プロジェクトをビルドする前に必ずspecify the homepage in your package.jsonを確認してください。 CRAはあなたのアプリがデフォルト設定でサーバールートでホストされていると仮定しているためです。

希望すると便利です。