Comment créer un environnement de développement indépendant front-end avec Vue+Mock.js

Cet article présente principalement comment créer un environnement de développement front-end indépendant avec Vue+Mock.js. Il a une certaine valeur de référence. Maintenant, je le partage avec vous. Les amis dans le besoin peuvent s'y référer

.

1. Installer Mock

   npm i mockjs -s

2. Créer un fichier Mock
   Créez un Mock.js (vous pouvez le nommer arbitrairement) dans le même répertoire sous main.js. Pour stocker notre code de tromperie de données

Mock.js

const Mock = require('mockjs')

Mock.mock('/register', function (options) {
  console.log(options)
  return Mock.mock({
    'number': '1'
  })
})

Dans ce fichier, nous pouvons intercepter la requête ajax selon les Mockjs. documentez et revenez aux données de simulation, quant à comment le faire, il suffit de lire la documentation, c'est assez simple

3 Introduisez les données qui doivent être simulées dans main.js
main.js<.>

require('./mock')

4. Comme ça Le sous-programme est configuré. Envoyez la demande comme d'habitude sur la page où la demande doit être envoyée. Mock.js interceptera automatiquement la demande et renverra les données que nous avons définies. >

Ce qui précède représente l'intégralité du contenu de cet article. J'espère que vous pourrez en tirer des leçons. Utile, veuillez faire attention au site Web PHP chinois pour plus de contenu connexe !

Recommandations associées :

Introduction à la création de la bibliothèque quick-shell.js

vue-router+nginx non-root Méthode de configuration du chemin

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!