So erstellen Sie eine Front-End-unabhängige Entwicklungsumgebung mit Vue+Mock.js

Dieser Artikel stellt hauptsächlich vor, wie man mit Vue+Mock.js eine unabhängige Front-End-Entwicklungsumgebung erstellt. Jetzt kann ich ihn mit Ihnen teilen.

1. Mock installieren

   npm i mockjs -s

2. Mock-Datei erstellen
   Erstellen Sie gleichzeitig eine Mock.js (Sie können sie beliebig benennen). Verzeichnis als main.js. Um unseren Datentäuschungscode zu speichern

Mock.js

const Mock = require('mockjs')

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

In dieser Datei können wir Ajax-Anfragen abfangen und simulierte Daten entsprechend zurückgeben Wie es geht, lesen Sie einfach die Dokumentation, es ist ganz einfach

3 Geben Sie die Daten ein, die in main.js
main.js

require('./mock')

4. Konfigurieren Sie es wie folgt: Senden Sie die Anfrage wie gewohnt an die Seite, an die die Anfrage gesendet werden soll, und geben Sie die von uns festgelegten Daten zurück Der gesamte Inhalt dieses Artikels wird für das Studium aller hilfreich sein. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website.

Verwandte Empfehlungen:

Einführung in die Erstellung der Quick-Shell.js-Bibliothek

vue-router+nginx non-root Pfadkonfigurationsmethode

Das obige ist der detaillierte Inhalt vonSo erstellen Sie eine Front-End-unabhängige Entwicklungsumgebung mit Vue+Mock.js. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!