Déploiement en production Node.js de Vue
Lors du développement d'une application Vue.js, le déploiement de votre application est une étape cruciale. Cet article vous montrera comment déployer une application Vue.js dans un environnement de production, en utilisant Node.js comme environnement d'exécution. Dans cet article, nous verrons de plus près comment ajouter une application à un environnement de production et l'exécuter sur un serveur.
Préparation
Avant de commencer, vous devez installer Node.js, npm et Git sur le serveur. Dans cet article, nous utiliserons UbuntuLinux comme serveur, mais vous pouvez également utiliser des étapes similaires pour déployer sur d'autres systèmes :
1 2 3 4 |
|
1 2 |
|
1 |
|
1 |
|
Installez Vue CLI
Vue CLI est un outil de ligne de commande officiel basé sur Vue.js, qui peut nous aider à construire rapidement Application Vue.js. Nous devons installer Vue CLI globalement sur le serveur :
1 |
|
Vous pouvez vérifier si Vue CLI a été correctement installé en exécutant la commande suivante :
1 |
|
Créer une application Vue.js
Ensuite, nous voulons créer une Vue. jsapplication. Nous pouvons facilement créer un nouveau projet à l'aide de Vue CLI ou utiliser un projet existant.
1 |
|
1 |
|
Ici, my-project est le nom de votre projet . Lorsque vous exécutez cette commande, vous verrez quelques options pour personnaliser votre projet Vue.js. Il créera une nouvelle application Vue.js pour vous et installera toutes les dépendances nécessaires.
1 |
|
1 |
|
Créez une version de production
Maintenant, nous devons créer une version de production pour notre application. La version de production optimisera notre application pour être plus efficace et réduire le code inutile. Nous pouvons utiliser la commande suivante pour créer une build de production pour notre application :
1 |
|
Cette commande créera une build de production dans le répertoire dist de votre application. À ce stade, nous sommes prêts à déployer l’application en production.
Déploiement de l'application Vue.js
Maintenant que nous avons créé la version de production, nous allons déployer notre application en production en suivant les étapes suivantes :
1 |
|
1 |
|
1 2 |
|
1 |
|
1 |
|
Cette commande démarrera un processus pm2 et démarrera l'application en tant que processus de serveur http. Il définit également le port de l'application sur 80 afin que l'application puisse être visualisée en accédant à l'adresse IP de l'hôte.
Conclusion
Maintenant, nous avons déployé avec succès l'application Vue.js en production. Si vous avez suivi les étapes de cet article, vous devriez déjà pouvoir visualiser votre application sur le serveur. Si vous avez des questions ou rencontrez des problèmes, n'hésitez pas à laisser un message ou à consulter la documentation officielle de Vue.js ou Node.js pour trouver plus de solutions.
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!