Heim Web-Frontend Front-End-Fragen und Antworten So packen Sie eine Reaktionsanwendung und stellen sie für Tomcat bereit

So packen Sie eine Reaktionsanwendung und stellen sie für Tomcat bereit

Jan 19, 2023 pm 01:45 PM
react tomcat

So packen Sie React-Anwendungen und stellen sie in Tomcat bereit: 1. Verwenden Sie „npm run build“, um das Projekt zu packen. 2. Legen Sie den Inhalt des gepackten Ordners im Stammverzeichnis unter „Webapps“ in Tomcat ab. 3. Öffnen Sie den Server, um auf „ Der Port „localhost :8080“ reicht aus.

So packen Sie eine Reaktionsanwendung und stellen sie für Tomcat bereit

Die Betriebsumgebung dieses Tutorials: Windows 10-System, React18.0.0, Dell G3-Computer.

Wie packe ich eine React-Anwendung und stelle sie für Tomcat bereit?

So stellen Sie das React-Projekt in Tomcat bereit

Der Blogger hat hart daran gearbeitet, den React-Code einzugeben, aber das Ergebnis wurde nie angezeigt, als er ihn in Tomcat bereitstellen wollte. Danach habe ich Baidu und Google besucht und schließlich den Grund gefunden, warum die Projektbereitstellung fehlgeschlagen ist. Ich werde ihn unten zusammenfassen.

Bereitstellungsmethode:

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

  • Legen Sie den Inhalt des gepackten Ordners im Stammverzeichnis unter „webapps“ in Tomcat ab

  • Öffnen Sie den Server, um auf den lokalen Host zuzugreifen: 8080 port Das heißt, Sie können den Inhalt Ihres Projekts sehen

Die Gefahr, es nicht im Stammverzeichnis abzulegen:

Da die Standardkonfiguration path.js [Pfad: Ihr Reaktionsprojektname node_modulesreact-scriptsconfigpath.js] ist „/“, d. (Der geänderte Code befindet sich in Zeile 45)

So packen Sie eine Reaktionsanwendung und stellen sie für Tomcat bereit

Zu diesem Zeitpunkt können Sie über localhost:8080/Projektname auf Ihr Reaktionsprojekt zugreifen.

Empfohlenes Lernen: „Video-Tutorial reagieren

Das obige ist der detaillierte Inhalt vonSo packen Sie eine Reaktionsanwendung und stellen sie für Tomcat bereit. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

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

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
2 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
Repo: Wie man Teamkollegen wiederbelebt
4 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Abenteuer: Wie man riesige Samen bekommt
4 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

So stellen Sie ein JAR-Projekt in Tomcat bereit So stellen Sie ein JAR-Projekt in Tomcat bereit Apr 21, 2024 am 07:27 AM

Um ein JAR-Projekt auf Tomcat bereitzustellen, führen Sie die folgenden Schritte aus: Laden Sie Tomcat herunter und entpacken Sie es. Konfigurieren Sie die Datei server.xml, legen Sie den Port und den Projektbereitstellungspfad fest. Kopiert die JAR-Datei in den angegebenen Bereitstellungspfad. Starten Sie Tomcat. Greifen Sie über die bereitgestellte URL auf das bereitgestellte Projekt zu.

So erlauben Sie den externen Netzwerkzugriff auf den Tomcat-Server So erlauben Sie den externen Netzwerkzugriff auf den Tomcat-Server Apr 21, 2024 am 07:22 AM

Um dem Tomcat-Server den Zugriff auf das externe Netzwerk zu ermöglichen, müssen Sie Folgendes tun: Ändern Sie die Tomcat-Konfigurationsdatei, um externe Verbindungen zuzulassen. Fügen Sie eine Firewallregel hinzu, um den Zugriff auf den Tomcat-Server-Port zu ermöglichen. Erstellen Sie einen DNS-Eintrag, der den Domänennamen auf die öffentliche IP des Tomcat-Servers verweist. Optional: Verwenden Sie einen Reverse-Proxy, um Sicherheit und Leistung zu verbessern. Optional: Richten Sie HTTPS für mehr Sicherheit ein.

So stellen Sie mehrere Projekte in Tomcat bereit So stellen Sie mehrere Projekte in Tomcat bereit Apr 21, 2024 am 09:33 AM

Um mehrere Projekte über Tomcat bereitzustellen, müssen Sie für jedes Projekt ein Webapp-Verzeichnis erstellen und dann: Automatische Bereitstellung: Platzieren Sie das Webapp-Verzeichnis im Webapps-Verzeichnis von Tomcat. Manuelle Bereitstellung: Stellen Sie das Projekt manuell in der Manager-Anwendung von Tomcat bereit. Sobald das Projekt bereitgestellt ist, kann über seinen Bereitstellungsnamen darauf zugegriffen werden, zum Beispiel: http://localhost:8080/project1.

Wo ist das Tomcat-Installationsverzeichnis? Wo ist das Tomcat-Installationsverzeichnis? Apr 21, 2024 am 07:48 AM

Tomcat-Installationsverzeichnis: Standardpfad: Windows: C:\Programme\Apache Software Foundation\Tomcat 9.0macOS:/Library/Tomcat/Tomcat 9.0Linux:/opt/tomcat/tomcat9 Benutzerdefinierter Pfad: Sie können ihn während der Installation angeben. Suchen Sie das Installationsverzeichnis: Verwenden Sie den Befehl „whereis“ oder „locate“.

Wo ist das Stammverzeichnis der Tomcat-Website? Wo ist das Stammverzeichnis der Tomcat-Website? Apr 21, 2024 am 09:27 AM

Das Stammverzeichnis der Tomcat-Website befindet sich im Unterverzeichnis webapps von Tomcat und wird zum Speichern von Webanwendungsdateien und statischen Ressourcen verwendet. Das Verzeichnis WEB-INF kann durch Suchen nach dem docBase-Attribut in der Tomcat-Konfigurationsdatei gefunden werden.

So überprüfen Sie die Anzahl gleichzeitiger Verbindungen in Tomcat So überprüfen Sie die Anzahl gleichzeitiger Verbindungen in Tomcat Apr 21, 2024 am 08:12 AM

So überprüfen Sie die Anzahl gleichzeitiger Tomcat-Verbindungen: Besuchen Sie die Tomcat Manager-Seite (http://localhost:8080/manager/html) und geben Sie Ihren Benutzernamen und Ihr Passwort ein. Klicken Sie in der linken Navigationsleiste auf Status->Sitzungen, um oben auf der Seite die Anzahl der gleichzeitigen Verbindungen anzuzeigen.

So überprüfen Sie die Portnummer von Tomcat So überprüfen Sie die Portnummer von Tomcat Apr 21, 2024 am 08:00 AM

Die Tomcat-Portnummer kann angezeigt werden, indem das Portattribut des <Connector>-Elements in der Datei server.xml überprüft wird. Besuchen Sie die Tomcat-Verwaltungsoberfläche (http://localhost:8080/manager/html) und sehen Sie sich die Registerkarte „Status“ an. Führen Sie „catalina.sh version“ über die Befehlszeile aus und sehen Sie sich die Zeile „Port:“ an.

So führen Sie zwei Projekte mit unterschiedlichen Portnummern in Tomcat aus So führen Sie zwei Projekte mit unterschiedlichen Portnummern in Tomcat aus Apr 21, 2024 am 09:00 AM

Das Ausführen von Projekten mit unterschiedlichen Portnummern auf dem Tomcat-Server erfordert die folgenden Schritte: Ändern Sie die Datei server.xml und fügen Sie ein Connector-Element hinzu, um die Portnummer zu definieren. Fügen Sie ein Kontextelement hinzu, um die mit der Portnummer verknüpfte Anwendung zu definieren. Erstellen Sie eine WAR-Datei und stellen Sie sie im entsprechenden Verzeichnis bereit (webapps oder webapps/ROOT). Starten Sie Tomcat neu, um die Änderungen zu übernehmen.

See all articles