web-dev-qa-db-fra.com

comment déployer l'application reactJS sur le serveur Tomcat

Je suis nouveau dans reactjs, je souhaite déployer mon application reactjs sur le serveur Tomcat au lieu de fonctionner sur le serveur de réaction dont le port par défaut est 3 000 . J'exécute la commande npm serve pour exécuter le serveur local npm, mais je dois accéder à cette application. en utilisant le serveur Tomcat.

Toutes les suggestions s'il vous plaît.

Merci

javareactjstomcatdeployment
4
Pravin Abhale

npm run build peut déclencher le processus de construction mais génère du code en supposant que l'URL de base n'a pas de chemin relatif, mais que se passe-t-il si je souhaite effectuer un déploiement sur un chemin relatif de mon serveur ?? . par chemin relatif, c’est que j’ai un dossier simpleapp dans mon répertoire Tomcat webapps et je veux accéder à mon application de réaction à partir de c’est-à-dire http: // localhost/simpleapp . Il devient encore plus complexe si vous utilisez le routeur de réaction.

Je recevais une page blanche, mais plus tard, je ai trouvé quelques modifications effectué sur le routeur de réaction et le package.json qui ont résolu mon problème.

Donc, les solutions que j'ai trouvées sont les suivantes: -

  1. Mentionnez la propriété de la page d'accueil dans package.json 

    "homepage": " https: // localhost: 8080/simpleapp ",

  2. Pour réagir routeur, nous devons ajouter la propriété basename.

Dans le cas ci-dessus, pour que l'application soit déployée sur le chemin relatif simpleapp 

<Router basename={'/simpleapp'}>
  <Route path='/' component={Home} />
  {/* … */}
</Router>

6
Passcode

Exécutez cette commande dans le dossier racine de votre code de réaction. 

npm run build

Cela génère une construction de production optimisée dans un dossier appelé 'build', qui contient essentiellement une page index.html, avec des fichiers JS et CSS statiques. Vous pouvez ensuite copier + coller ces fichiers dans votre dossier Tomcat WebContent.

Voici un link qui pourrait nous éclairer. 

1
raksheetbhat

Vous devez d’abord décider de la façon dont vous allez construire votre projet avec Grunt ou Webpack. Vous pouvez également ajouter des scripts tels que npm run build dans votre paquet json, ce qui peut déclencher le processus de construction. Le projet construit peut être utilisé dans n’importe quel serveur Web en plaçant simplement les fichiers construits et en incluant le script dans votre index.html.

0
Nikhil Koul