Heim > Web-Frontend > js-Tutorial > Mock.JS fängt die Instanzanalyse von HTTP-Anfragen ab

Mock.JS fängt die Instanzanalyse von HTTP-Anfragen ab

小云云
Freigeben: 2018-03-06 14:45:41
Original
4271 Leute haben es durchsucht


MockJS ist ein relativ verbreitetes Front-End-Tool zur Simulation von HTTP-Anfragen und -Antworten. Es kann verschiedene HTTP-Anfragen simulieren und Ergebnisse zurückgeben. Realisieren Sie die Front-End-Simulation der Back-End-Schnittstelle ohne Back-End. Die grundlegende Verwendung von Mock ist ebenfalls relativ einfach. In diesem Artikel teilen wir Ihnen hauptsächlich die Analyse der Beispiele zum Abfangen von HTTP-Anfragen durch Mock.JS mit, in der Hoffnung, allen zu helfen.

Wenn jedoch MockJS eingeführt wird, fängt

import Mock from 'mockjs'
Nach dem Login kopieren
Nach dem Login kopieren

alle vom Frontend gesendeten HTTP-Anfragen ab. Unabhängig davon, ob Mock.mock zum Aktivieren der Mock-Simulation verwendet wird, werden HTTP-Anfragen gesendet abgefangen.
Aus diesem Grund kann das Backend die Front-End-HTTP-Anfrage nicht erhalten, auch wenn dies nicht der Fall ist Mock.mock.

Deshalb Sobald Mockjs referenziert wird, können HTTP-Anfragen nicht mehr über das Frontend gestellt werden, sondern werden von Mockjs abgefangen

Die Mockjs müssen vorher entfernt werden npm run build Zitat.

Referenz von Mock in Dev-Umgebung und Release-Umgebung

import global from '../src/common/global';if (global.env === 'dev'){    var Mock = require('mockjs');
}if (global.env === 'dev'){    //Run MOCK 
    for (let mockData of mockDatas){        //console.log(mockData);
        Mock.mock(mockData.url, mockData.data);
    }
}
Nach dem Login kopieren
Nach dem Login kopieren

Nur ​​in Dev-Entwicklungsumgebungglobal.env === 'dev', führen Sie Mockjs ein, um zu verhindern, dass echte HTTP-Anfragen in der Release-Version abgefangen werden.

Das global hier ist eine benutzerdefinierte globale Konfigurationsvariable, keine globale Variable.

Das Problem, dass Mock.JS HTTP-Anfragen abfängt

MockJS ist ein relativ häufiges Front-End-Tool zur Simulation von HTTP-Anfragen und -Antworten. Es kann verschiedene HTTP-Anfragen simulieren und Ergebnisse zurückgeben. Realisieren Sie die Front-End-Simulation der Back-End-Schnittstelle ohne Back-End. Die grundlegende Verwendung von Mock ist ebenfalls relativ einfach: Offizielle Website von Mock.JS
Wenn MockJS jedoch eingeführt wird, fängt

import Mock from 'mockjs'
Nach dem Login kopieren
Nach dem Login kopieren

alle vom Front-End gesendeten HTTP-Anfragen ab, unabhängig davon, ob Mock.mock wird verwendet, um eine Scheinsimulation zu ermöglichen. HTTP-Anfragen werden abgefangen.
Aus diesem Grund kann das Backend die Front-End-HTTP-Anfrage nicht erhalten, auch wenn dies nicht der Fall ist Mock.mock.

Deshalb Sobald Mockjs referenziert wird, können HTTP-Anfragen nicht mehr über das Frontend gestellt werden, sondern werden von Mockjs abgefangen

Die Mockjs müssen vorher entfernt werden npm run build Zitat.

Referenz von Mock in Dev-Umgebung und Release-Umgebung

import global from '../src/common/global';if (global.env === 'dev'){    var Mock = require('mockjs');
}if (global.env === 'dev'){    //Run MOCK 
    for (let mockData of mockDatas){        //console.log(mockData);
        Mock.mock(mockData.url, mockData.data);
    }
}
Nach dem Login kopieren
Nach dem Login kopieren

Nur ​​in Dev-Entwicklungsumgebungglobal.env === 'dev', führen Sie Mockjs ein, um zu verhindern, dass echte HTTP-Anfragen in der Release-Version abgefangen werden.

Das global hier ist eine benutzerdefinierte globale Konfigurationsvariable, keine globale Variable.

Verwandte Empfehlungen:

Verwenden Sie Mock.js, um Front-End-Entwicklung und Back-End unabhängig zu machen

Mock.js-Zufallsdaten und verwenden Sie ein Beispiel-Tutorial für die Express-Ausgabe-JSON-Schnittstelle

Tutorial zur Verwendung von Mock.js zum Abfangen von AJAX-Anfragen in der Node.js-Serverumgebung

Das obige ist der detaillierte Inhalt vonMock.JS fängt die Instanzanalyse von HTTP-Anfragen ab. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage