avant-propos

　　Maintenant, avant et après la fin de la séparation est le développement de plus en plus commun, le personnel frontal après la page écrite peut simuler une partie de son test de code de données, ce qui élimine la nécessité d''une interface back-end pour améliorer notre efficacité de développement.Aujourd''hui, il est en cours d''analyser la fin front commun des données fictives est la fa?on d''atteindre.

　　corps principal

　　projet Vue-cli est basé, vous devez d''abord créer un environnement bon projet vue.Si certains élèves ne savent pas comment construire projet vue, vous pouvez vous référer à mon autre article.Parce que la maquette a besoin du n?ud de données.cadre js express, il doit être installé dans le projet.

　　Après l''achèvement de la fondation pour construire, nous créons un fichier maquette dans le fichier src, nous avons utilisé pour stocker des données analogiques.Parce que maintenant la plupart back-end retour format JSON type de données, de sorte que nous créons un utilisateur dans le fichier maquette.JSON.

　　

　　Suivant dans le dossier fichier de construction webpack.dev.conf.js, ajoutez le code suivant:

　　const expriment = nécessitent ( ''express'')

　　app = const exprimer ()

　　les utilisateurs const = require ( ? https: // www.jb51.net / src / maquette / utilisateur.json ? )

　　const = routes express.Routeur ()

　　app.utilisation ( ''/ api'', routes)

　　

　　Puis devserver a ajouté:

　　avant (application) {

　　app.get ( ''/ api'', (req, res) => {

　　res.JSON (utilisateurs)

　　})

　　}

　　

　　Après l''achèvement des deux étapes ci-dessus, nous pouvons voir que nous moquer des fichiers api dans une page web. Dans la barre d''adresse:

　　

　　Enfin, nous avons juste besoin d''envoyer une requête Ajax pour obtenir les données là-dessus

　　dans App.vue Ajax demande des données de fichiers acquises

　　

　　Enfin relancer le projet, vous pouvez voir les données demandées a été affichée dans la page

　　

　　suffixe

　　Cet article décrit quelques applications générales données fictives, car ils expriment aussi l''utilisation du cadre ne conna?t pas, il n''a pas précisé le r?le de chacun d''un code au moment de la configuration, si certains étudiants peuvent également laisser un message clairement, les échanges de tout le monde.

　　Bienvenue sur le GitHub ensemble à l''extrémité avant de partager les connaissances et les compétences en dehors du code.

　　Trouvez-moi: GitHub

　　Pour résumer

　　Ce qui précède est une petite série de projets de vue-cli d''introduire l''utilisation de la méthode de données fictives (au moyen d''express), nous voulons aider, si vous avez des questions, me donner un message, Xiao Bian répondra rapidement à votre.En cela, je suis également très reconnaissant pour le soutien du script site d''accueil!

　　Si vous pensez que cet article est utile pour vous, bienvenue à réimprimer, s''il vous pla?t indiquer la source, je vous remercie!

　　Vous pouvez également être intéressé par l''article: l''introduction de simple maquette obtenir une API simple Mock détaillée des données d''interface analogique simple détaillée à l''aide des développeurs locaux de vue-cli de données simulées pour utiliser les données simulées détaillées vue-cli dans le projet de vue-cli dans Vue-CLI comment utiliser le projet données maquette mockjs utilisés Vue-cli Interface détaillée du projet Mock augmenter le projet de construction vue-cli fond processus par projet détaillé Vue-cli json sectionner serveur simulées structures détaillées utilisées dans le projet mockjs vue-cli (données de demande de suppression des données) du projet de vue-cli comment utiliser les données simulées

élément de données mock-cli vue en utilisant le procédé (par express)

Recommend Article：

Relate Article