Wissen Sie, wie man Mock in einem Vue-Projekt verwendet?

npm install mockjs // Mockjs installieren

npm installiere Axios

Axios von „Axios“ importieren
// axios.defaults.headers.post['Inhaltstyp'] = 'Anwendung/x-www-urlencoded'
const http = axios.create()
 http.defaults.timeout = 3000
 http.interceptors.request.use(config => { // Interceptor-Konfiguration anfordern // optional // etwas tun
    Konfiguration zurückgeben
}, Fehler => {
    console.log(Fehler)
    returniere Promise.reject(Fehler)
})
 http.interceptors.response.use(response => { // Konfiguration des Response-Interceptors // Optional // etwas tun
    Antwort zurückgeben
}, Fehler => {
    console.log(Fehler)
    returniere Promise.reject(Fehler)
})
 export function fetch(url, params) { // Kapselt die Post-Anfrage von Axios ein return new Promise((resolve, reject) => { // Informationen zur Verwendung von Promises finden Sie unter axios.post(url, params).then(response => {
            lösen (Antwort.Daten) // Versprechen bezogen}).catch (Fehler => {
            ablehnen(Fehler) // Versprechen bezogen})
    })
}
 export default { // Stelle die Methode htto_mock bereit, die auf den folgenden Seiten verwendet wird http_mock(url, params) {
        gibt fetch(URL, Parameter) zurück
    }
}

Mock von „mockjs“ importieren
 const Random = Mock.Random
 var listData = Funktion() {
    lass _data = {
        Status: 200,
        Nachricht: ‚Erfolg‘,
        Daten: {
            gesamt: 100,
            'Zeilen|10': [{
            ID: "@guid",
            Name: '@cname',
            'Alter|20-30': 23,
            'job|1': ['Frontend-Ingenieur', 'Backend-Ingenieur', 'UI-Ingenieur', 'Anforderungsingenieur']
            }]
        }
    }
    Rückgabewert { _data }
}
// URL ist die abzufangende Anforderungsadresse. Anforderungsmethode: Anforderungsdaten (Regeln) (die API wird hier von MockJS abgefangen).
Mock.mock('http://route.showapi.com/60-27', 'post', listData())
 

importiere Mock von '@/http/mock'

Importieren Sie die Anforderung von '@/http/request'
 Standard exportieren {
    Name: "ErsteSeite",
    erstellt() {
        dies.getData()
    },
    Methoden: {
        getData() {
             // So tun, als würde man http_mock verwenden, um eine Anfrage zu senden (Mock fängt die Anfrage automatisch ab und generiert Daten)
   // Der erste Parameter hier muss mit dem ersten Parameter in Mock.mock() übereinstimmen console.log('Anfrage gestartet')
            Anfrage.http_mock('http://route.showapi.com/60-27','api_id=63114&api_sign=3847b0').dann(Antwort => {
            Konsole.log(Antwort._Daten)
            })
       },
    }
}