Explication graphique de l'empaquetage et du lancement du projet vue.js

Cet article partage principalement un tutoriel graphique pour l'empaquetage et le lancement du projet vue.js. Il a une bonne valeur de référence et j'espère qu'il sera utile à tout le monde. Suivons l'éditeur et jetons un œil. J'espère que cela pourra aider tout le monde.

Récemment, j'ai insisté pour écrire un petit projet de développement vue.js chaque mois. Une fois le développement final terminé, j'ai pensé à une question à laquelle j'avais répondu il y a longtemps : comment se connecter avec vue. À cette époque, il y avait toutes sortes de réponses étranges. Je me demande si tous ces responsables de Vue ont dit que ce framework ne faisait que la couche de visualisation, donc il ne copiait pas les éléments développés directement dans le projet. serveur, et il doit être conditionné sous forme de fichiers statiques pour le téléchargement. Ici, je liste simplement le processus :

Vous devez d'abord modifier le fichier de configuration avant l'empaquetage. De nombreuses personnes ont rencontré des problèmes tels que l'exécution à blanc après l'empaquetage. Ces problèmes sont principalement des problèmes de chemin, ils doivent donc modifier les options. dans le fichier de configuration index.js sous config :

La première chose à modifier dans l'image ci-dessus est le chemin du fichier statique. Après emballage, le fichier statique sera. être dans le répertoire courant, alors remplacez-le par ./

La seconde consiste à définir l'environnement sur l'environnement de production

Après modification, ouvrez cmd et exécutez la commande suivante pour packager :

Faites attention au conseil ci-dessous, qui vous indique que ce fichier packagé doit être placé sur le serveur avant de pouvoir être ouvert. Il ne peut pas être ouvert directement avec un navigateur. La structure du fichier emballé est la suivante :

À ce stade, nous devons utiliser le serveur pour accéder à index.html. De nombreuses personnes peuvent rencontrer des problèmes ici. Par exemple, vous pouvez utiliser proxytable pour résoudre des problèmes inter-domaines pendant le développement. Il n'y aura aucune donnée ici. Vous devez résoudre ce problème par vous-même via le serveur Proxytable. solution inter-domaines développée pour le confort de tous.

Recommandations associées :

Explication détaillée du téléchargement par lots et de l'empaquetage des fichiers dans Vue

Outil d'empaquetage colis échafaudage de développement vue sans configuration

Un exemple détaille la manière correcte de gérer l'affichage vide une fois la vue emballée

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!