ホームページ > 記事 > ウェブフロントエンド > React アプリケーションを Tomcat にパッケージ化してデプロイする方法
反応アプリケーションを Tomcat にパッケージ化してデプロイする方法: 1. 「npm run build」を使用してプロジェクトをパッケージ化します; 2. パッケージ化されたフォルダーの内容を Tomcat の webapps の下のルートに置きます; 3.サーバーは「localhost:8080」ポートにアクセスできます。
このチュートリアルの動作環境: Windows 10 システム、react18.0.0、Dell G3 コンピューター。
反応アプリケーションを Tomcat にパッケージ化してデプロイするにはどうすればよいですか?
Tomcat に React プロジェクトをデプロイする方法
ブロガーは一生懸命 React コードを入力しましたが、結果を表示したいときに表示できません。それを Tomcat にデプロイします。その後、Baidu や Google を訪問し、プロジェクトのデプロイに失敗した理由が最終的に判明したので、以下にまとめます。
デプロイ方法:
npm run build を使用してプロジェクトをパッケージ化します
パッケージ化されたものを配置しますフォルダーの内容は、tomcat の webapps の下のルートに配置されます。
サーバーを開いて、localhost:8080 ポートにアクセスして、プロジェクトの内容を確認します。
ルート ディレクトリに配置しない場合の落とし穴:
デフォルトの path.js [パス: 反応プロジェクト名\node_modules\react-scripts\config\path.js] 構成が'/'、つまりルート ディレクトリに対して有効であるため、ルート配下に配置されていない場合は、'/' を './' (相対パスが有効) に変更する必要があります。 (45 行目あたりのコードを変更します)
現時点では、localhost:8080/プロジェクト名を通じて反応プロジェクトにアクセスできます。
推奨される学習: 「react ビデオ チュートリアル 」
以上がReact アプリケーションを Tomcat にパッケージ化してデプロイする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。