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

Cet article présente principalement comment utiliser Vue+Mock.js pour créer un environnement de développement indépendant front-end. 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 dans le même répertoire que main.js ( peut être n'importe quel nom) utilisé 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 les requêtes ajax selon le document Mockjs , renvoie les données simulées. Quant à savoir comment procéder, 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
<.>

4. Voici la configuration. 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.

require('./mock')

Le. ci-dessus est l'intégralité du contenu de cet article. J'espère qu'il vous sera utile. Pour plus de contenu connexe, veuillez faire attention au site Web PHP chinois !

Recommandations associées :

Directives personnalisées Vue2.0 et attributs et méthodes d'instance

Comment utiliser NodeJS + Lighthouse + Gulp est un outil permettant de créer des tests automatisés de performances de sites Web

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!