Mock.JS intercepte l'analyse de l'instance de requête HTTP

MockJS est un outil frontal relativement courant pour simuler des requêtes et des réponses HTTP. Il peut simuler diverses requêtes HTTP et renvoyer des résultats. Réalisez la simulation front-end de l’interface back-end sans back-end. L'utilisation de base de Mock est également relativement simple. Dans cet article, nous partageons principalement avec vous l'analyse des exemples d'interception Mock.JS de requêtes HTTP, en espérant aider tout le monde.

Cependant, lorsque MockJS est introduit,

import Mock from 'mockjs'

interceptera toutes les requêtes HTTP envoyées par le front-end. Que Mock.mock soit utilisé ou non pour activer la simulation Mock, les requêtes HTTP le seront. intercepté.
C'est la raison pour laquelle le backend ne peut pas obtenir la requête HTTP front-end même si ce n'est pas le cas Mock.mock.

Par conséquent, Une fois mockjs référencé, les requêtes HTTP ne peuvent pas être effectuées via le front-end, mais seront interceptées par mockjs

Il faut supprimer les mockjs avant npm run build citation.

Référence de Mock dans l'environnement de développement et l'environnement de publication

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);
    }
}

Uniquement dans l'environnement de développement devglobal.env === 'dev', introduisez Mockjs pour éviter que de vraies requêtes HTTP ne soient interceptées dans la version release.

Le global ici est une variable de configuration globale personnalisée, pas une variable globale.

Le problème de l'interception par Mock.JS des requêtes HTTP

MockJS est un outil frontal relativement courant pour simuler les requêtes et les réponses HTTP. Il peut simuler diverses requêtes HTTP et renvoyer des résultats. Réalisez la simulation front-end de l’interface back-end sans back-end. L'utilisation de base de Mock est également relativement simple : site officiel de Mock.JS
Cependant, lorsque MockJS est introduit,

import Mock from 'mockjs'

interceptera toutes les requêtes HTTP envoyées par le front-end, que Mock.mock est utilisé pour activer la simulation HTTP. Les requêtes HTTP seront interceptées.
C'est la raison pour laquelle le backend ne peut pas obtenir la requête HTTP front-end même si ce n'est pas le cas Mock.mock.

Par conséquent, Une fois mockjs référencé, les requêtes HTTP ne peuvent pas être effectuées via le front-end, mais seront interceptées par mockjs

Il faut supprimer les mockjs avant npm run build citation.

Référence de Mock dans l'environnement de développement et l'environnement de publication

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);
    }
}

Uniquement dans l'environnement de développement devglobal.env === 'dev', introduisez Mockjs pour éviter que de vraies requêtes HTTP ne soient interceptées dans la version release.

Le global ici est une variable de configuration globale personnalisée, pas une variable globale.

Recommandations associées :

Utilisez mock.js pour rendre le développement front-end et back-end indépendant

données aléatoires mock.js et utilisez un exemple de didacticiel d'interface JSON de sortie express

Tutoriel sur l'utilisation de Mock.js pour intercepter les requêtes AJAX dans l'environnement de serveur Node.js

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!