Heim > Web-Frontend > js-Tutorial > Hauptteil

So stellen Sie ein Reaktionsprojekt in Tomcat bereit

藏色散人
Freigeben: 2023-01-04 09:37:20
Original
4227 Leute haben es durchsucht

So stellen Sie ein React-Projekt in Tomcat bereit: Verwenden Sie zuerst „npm run build“, um das Projekt zu packen. Legen Sie dann den Inhalt des gepackten Ordners im Stammverzeichnis unter „webapps“ in Tomcat ab. Öffnen Sie schließlich den Server, um auf „localhost:8080“ zuzugreifen " Port. Kann.

So stellen Sie ein Reaktionsprojekt in Tomcat bereit

Die Betriebsumgebung dieses Tutorials: Windows7-System, Tomcat10.0&&react17.0.1-Version, Dell G3-Computer.

Empfohlen: „React-Video-Tutorial

React-Projekt in Tomcat bereitstellen

Bereitstellungsmethode:

  • Verwenden Sie npm run build, um das Projekt zu verpacken

  • Fügen Sie den Inhalt des gepackten Ordners in Tomcat Webapps ein das Root unter

  • Öffnen Sie den Server und greifen Sie auf den Port „localhost:8080“ zu, um Ihren Projektinhalt anzuzeigen

Die Gefahr, es nicht im Root-Verzeichnis zu platzieren:

Aufgrund des Standardpfads path.js [Pfad: Ihre Reaktion Die Konfiguration des Projektnamens node_modulesreact-scriptsconfigpath.js lautet „/“, was für das Stammverzeichnis gültig ist. Wenn es also nicht im Stammverzeichnis abgelegt wird, müssen Sie „/“ in „./“ ändern bedeutet, dass der relative Pfad gültig ist. (Der geänderte Code befindet sich in Zeile 45)

So stellen Sie ein Reaktionsprojekt in Tomcat bereit

Zu diesem Zeitpunkt können Sie über localhost:8080/Projektname

auf Ihr Reaktionsprojekt zugreifen

Das obige ist der detaillierte Inhalt vonSo stellen Sie ein Reaktionsprojekt in Tomcat bereit. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!