Maison > interface Web > js tutoriel > Explication détaillée des étapes BAE pour l'empaquetage et le téléchargement de projets vue sur Baidu

Explication détaillée des étapes BAE pour l'empaquetage et le téléchargement de projets vue sur Baidu

php中世界最好的语言
Libérer: 2018-04-12 11:43:23
original
1384 Les gens l'ont consulté

Cette fois, je vais vous apporter une explication détaillée des étapes pour empaqueter un projet vue et télécharger sur le BAE de Baidu Quelles sont les précautions pour empaqueter et télécharger un. vue au BAE de Baidu ? Ce qui suit est un cas pratique, jetons un coup d'œil.

Après deux jours de recherche, le projet packagé VUE a finalement été mis en ligne via BAE. Même s'il y a encore quelques problèmes avec l'interface, je suis toujours très content.

Parlons d’abord des technologies nécessaires à ce projet, le moteur d’application BAE de vue+express+git+Baidu.

Poursuivant l'édition, j'ai finalement téléchargé les données simulées du fichier JSON que j'ai écrit.

Étapes spécifiques :

1. Parlons d'abord de l'empaquetage du projet Vue écrit (je n'entrerai pas dans le processus d'empaquetage spécifique. Juste npm run build recréera un fichier dist dans le fichier du projet VUE. Il s'agit du projet empaqueté)

2. Déployer un projet sur le moteur d'application BAE de Baidu coûte 2 centimes par jour, ce qui est très bon marché. C’est beaucoup de jouer seul.

Les étapes détaillées sont présentées dans https://cloud.baidu.com/doc/BAE/QuickGuide.html, l'outil de gestion de versions GIT que j'utilise. Assurez-vous de sélectionner le type nodejs0.10.21-web. Parce que nous utilisons un framework express. Après avoir créé votre propre bibliothèque selon les étapes. Tout d’abord, familiarisez-vous avec son document de configuration.

3. Installez espress dans la bibliothèque que vous avez créée et déterminez vous-même les étapes spécifiques. (La commande npm install -g express-generator doit être présente, sinon elle peut indiquer que la commande express est introuvable)

Vient ensuite le point culminant. Bien que ce soit très simple, je l'ai étudié pendant longtemps.

(1) Supprimez d'abord les trois fichiers de ce fichier géré par git, à l'exception de app.conf, puis copiez les fichiers dans le projet express créé et placez-les dans git Dans la bibliothèque gérée, le nom de fichier de la bibliothèque gérée par git est essentiellement test1appid245yn4jb32. test1 est le dossier que j'ai créé et le dossier appid245yn4jb32 a été cloné à distance depuis git. Copiez tous les fichiers du projet créé par express, y compris les dépendances, dans le dossier appid245yn4jb32. En même temps, ajoutez le suffixe js au fichier www dans le dossier bin. Car ce BAE ne reconnaît que le fichier d'entrée de .js. Dans le même temps, modifiez le port dans le fichier www en 18080. Parce que le port par défaut de BAE est 18080.

(2) Copiez le projet packagé dans le projet vue (tous les fichiers du dossier dist) dans le dossier public et supprimez celui d'origine.

De cette façon, téléchargez tous les fichiers , ouvrez le site Web et vous devriez pouvoir voir les éléments du projet vue. (On dirait qu'il n'y a pas de données)

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de PHP !

Lecture recommandée :

Comment gérer les paramètres nuls dans la publication dans vue

axios ne peut pas accepter la demande de publication springMVC Comment gérer les paramètres

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!

Étiquettes associées:
source:php.cn
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal