ホームページ ウェブフロントエンド jsチュートリアル Tomcat に反応プロジェクトをデプロイする方法

Tomcat に反応プロジェクトをデプロイする方法

Dec 15, 2020 am 09:23 AM
react tomcat

Tomcat で反応プロジェクトをデプロイする方法: 最初に「npm run build」を使用してプロジェクトをパッケージ化し、次にパッケージ化されたフォルダーの内容を Tomcat の webapps の下のルートに置き、最後にサーバーを開いて「localhost」にアクセスします。 :8080インチポートで十分です。

Tomcat に反応プロジェクトをデプロイする方法

このチュートリアルの動作環境: Windows7 システム、tomcat10.0&&react17.0.1 バージョン、Dell G3 コンピューター。

推奨: "react ビデオ チュートリアル "

tomcat が React プロジェクトをデプロイします

デプロイ方法:

  • npm run build を使用してプロジェクトをパッケージ化します

  • パッケージ化されたフォルダーの内容を tomcat の webapps の下のルートに配置します

  • サーバー アクセスを開始しますプロジェクトのコンテンツを確認するには、localhost:8080 ポートを使用します。

ルート ディレクトリに配置されていない落とし穴:

デフォルトの path.js [パス : React プロジェクト名\node_modules\react-scripts\config\path.js] の設定は '/' であり、これはルート ディレクトリに対して有効であるため、ルートディレクトリに配置されていない場合は '/' を変更する必要があります。 to './' つまり、相対パスは有効です。 (45 行目あたりのコードを変更します)

Tomcat に反応プロジェクトをデプロイする方法

現時点では、localhost:8080/プロジェクト名

を通じて反応プロジェクトにアクセスできます。

以上がTomcat に反応プロジェクトをデプロイする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットな記事タグ

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

Tomcat に jar プロジェクトをデプロイする方法 Tomcat に jar プロジェクトをデプロイする方法 Apr 21, 2024 am 07:27 AM

Tomcat に jar プロジェクトをデプロイする方法

Tomcat サーバーへの外部ネットワーク アクセスを許可する方法 Tomcat サーバーへの外部ネットワーク アクセスを許可する方法 Apr 21, 2024 am 07:22 AM

Tomcat サーバーへの外部ネットワーク アクセスを許可する方法

Tomcat で複数のプロジェクトをデプロイする方法 Tomcat で複数のプロジェクトをデプロイする方法 Apr 21, 2024 am 09:33 AM

Tomcat で複数のプロジェクトをデプロイする方法

Tomcatのインストールディレクトリはどこにありますか? Tomcatのインストールディレクトリはどこにありますか? Apr 21, 2024 am 07:48 AM

Tomcatのインストールディレクトリはどこにありますか?

Tomcat Web サイトのルート ディレクトリはどこですか? Tomcat Web サイトのルート ディレクトリはどこですか? Apr 21, 2024 am 09:27 AM

Tomcat Web サイトのルート ディレクトリはどこですか?

Tomcatのポート番号を確認する方法 Tomcatのポート番号を確認する方法 Apr 21, 2024 am 08:00 AM

Tomcatのポート番号を確認する方法

Tomcatでの同時接続数を確認する方法 Tomcatでの同時接続数を確認する方法 Apr 21, 2024 am 08:12 AM

Tomcatでの同時接続数を確認する方法

Tomcat で異なるポート番号を持つ 2 つのプロジェクトを実行する方法 Tomcat で異なるポート番号を持つ 2 つのプロジェクトを実行する方法 Apr 21, 2024 am 09:00 AM

Tomcat で異なるポート番号を持つ 2 つのプロジェクトを実行する方法

See all articles