Maison interface Web js tutoriel Comment déployer le projet React dans Tomcat

Comment déployer le projet React dans Tomcat

Dec 15, 2020 am 09:23 AM
react tomcat

Comment déployer le projet React dans Tomcat : utilisez d'abord "npm run build" pour empaqueter le projet ; puis placez le contenu du dossier packagé dans la racine sous webapps dans Tomcat et enfin ouvrez le serveur pour accéder à " ; localhost : un port 8080" suffit.

Comment déployer le projet React dans Tomcat

L'environnement d'exploitation de ce tutoriel : système Windows7, version Tomcat10.0&&react17.0.1, ordinateur Dell G3.

Recommandé : "Tutoriel vidéo React"

Tomcat déploie le projet React

Méthode de déploiement :

  • Utilisez npm run build pour empaqueter le projet

  • Placez le contenu du dossier empaqueté dans la racine sous webapps dans Tomcat

  • Démarrez l'accès au serveur localhost:Port 8080 pour voir le contenu de votre projet

Pièges qui ne sont pas placés dans le répertoire racine :

En raison du path.js par défaut [chemin : La configuration du nom de votre projet React node_modulesreact-scriptsconfigpath.js] est '/', qui est valide pour le répertoire racine, donc s'il n'est pas placé sous la racine, vous devez remplacer '/' par './', ce qui signifie que le chemin relatif est valide. (Modifiez le code vers la ligne 45)

Comment déployer le projet React dans Tomcat

À ce moment, vous pouvez accéder à votre projet React via localhost:8080/project name

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

AI Hentai Generator

AI Hentai Generator

Générez AI Hentai gratuitement.

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Comment déployer plusieurs projets dans Tomcat Comment déployer plusieurs projets dans Tomcat Apr 21, 2024 am 09:33 AM

Pour déployer plusieurs projets via Tomcat, vous devez créer un répertoire webapp pour chaque projet puis : Déploiement automatique : Placez le répertoire webapp dans le répertoire webapps de Tomcat. Déploiement manuel : déployez manuellement le projet dans l'application de gestion de Tomcat. Une fois le projet déployé, il est accessible par son nom de déploiement, par exemple : http://localhost:8080/project1.

Où se trouve le répertoire racine du site Web Tomcat ? Où se trouve le répertoire racine du site Web Tomcat ? Apr 21, 2024 am 09:27 AM

Le répertoire racine du site Web Tomcat se trouve dans le sous-répertoire webapps de Tomcat et est utilisé pour stocker les fichiers d'application Web, les ressources statiques et le répertoire WEB-INF. Il peut être trouvé en recherchant l'attribut docBase dans le fichier de configuration Tomcat.

Comment exécuter deux projets avec des numéros de port différents dans Tomcat Comment exécuter deux projets avec des numéros de port différents dans Tomcat Apr 21, 2024 am 09:00 AM

L'exécution de projets avec différents numéros de port sur le serveur Tomcat nécessite les étapes suivantes : Modifiez le fichier server.xml et ajoutez un élément Connector pour définir le numéro de port. Ajoutez un élément Context pour définir l'application associée au numéro de port. Créez un fichier WAR et déployez-le dans le répertoire correspondant (webapps ou webapps/ROOT). Redémarrez Tomcat pour appliquer les modifications.

Comment exécuter HTML et JSP sur Tomcat Comment exécuter HTML et JSP sur Tomcat Apr 21, 2024 am 09:04 AM

Tomcat peut exécuter HTML et JSP. La méthode est la suivante : copiez le fichier HTML dans le sous-répertoire correspondant du répertoire Tomcat et accédez-y dans le navigateur. Copiez le fichier JSP dans le sous-répertoire correspondant du répertoire Tomcat et utilisez la directive <%@ page %> pour spécifier le code Java et y accéder dans le navigateur.

Comment configurer le nom de domaine dans Tomcat Comment configurer le nom de domaine dans Tomcat Apr 21, 2024 am 09:52 AM

Pour configurer Tomcat pour utiliser un nom de domaine, procédez comme suit : Créez une sauvegarde server.xml. Ouvrez server.xml et ajoutez l'élément Host, en remplaçant example.com par votre nom de domaine. Créez un certificat SSL pour le nom de domaine (si nécessaire). Ajoutez un connecteur SSL dans server.xml, modifiez le port, le fichier de clés et le mot de passe. Enregistrez le fichier serveur.xml. Redémarrez Tomcat.

Raisons des caractères tronqués dans Tomcat Raisons des caractères tronqués dans Tomcat Apr 21, 2024 am 10:18 AM

Raisons des caractères tronqués de Tomcat : 1. Incompatibilité des jeux de caractères ; 2. L'en-tête de la réponse HTTP n'est pas défini correctement ; 3. Erreur de configuration du filtre ou de l'encodeur 4. Le codage de la page Web est incorrect ; problèmes d'encodage et de serveur proxy).

Intégration du framework Java et du framework front-end React Intégration du framework Java et du framework front-end React Jun 01, 2024 pm 03:16 PM

Intégration du framework Java et du framework React : Étapes : Configurer le framework Java back-end. Créer une structure de projet. Configurez les outils de construction. Créez des applications React. Écrivez les points de terminaison de l'API REST. Configurez le mécanisme de communication. Cas pratique (SpringBoot+React) : Code Java : Définir le contrôleur RESTfulAPI. Code React : obtenez et affichez les données renvoyées par l'API.

Nombre maximum de connexions Tomcat et nombre maximum de threads Nombre maximum de connexions Tomcat et nombre maximum de threads Apr 21, 2024 am 09:22 AM

Le nombre maximum de connexions Tomcat limite le nombre de clients connectés en même temps, tandis que le nombre maximum de threads limite le nombre de threads pouvant gérer les requêtes en même temps. Ces limites empêchent l'épuisement des ressources du serveur et sont configurées en définissant les propriétés maxConnections et maxThreads dans server.xml pour qu'elles correspondent à la capacité et à la charge du serveur.

See all articles