Mock4xhr 是一个基于 XMLHttpRequest 的数据模拟库，它可以在前端开发中快速地模拟数据返回，避免后端开发人员还未开发对应接口时的阻塞和延迟，是前端开发不可缺少的利器之一。
安装
你可以通过 NPM 安装 mock4xhr：
npm install mock4xhr --save-dev
使用
在引用 mock4xhr 之前，我们需要引入一个 polyfill（兼容旧版本浏览器），如 polyfill.io：
<script src="https://polyfill.io/v3/polyfill.min.js"></script>
引入 polyfill 后，我们再引入 mock4xhr：
import Mock4xhr from 'mock4xhr'
配置
在引入 mock4xhr 后，我们需要先配置一下：
const mock = new Mock4xhr({
debug: true // 开启 debug 模式，可查看模拟请求的参数以及模拟数据
})使用方法
Mock4xhr 提供了三种模拟方法：
mockHandler
使用 mockHandler 方法模拟单个请求：
-- -------------------- ---- -------
-- ---------
------------------
---- ---------------
------- ------
--------- -
----- --
----- -
----- -----------
---- --
-
-
--mockHandlers
使用 mockHandlers 方法模拟多个请求：
-- -------------------- ---- -------
-- ---------
-------------------
-
---- ---------------
------- ------
--------- -
----- --
----- -
----- -----------
---- --
-
-
--
-
---- -------------
------- -------
--------- -
----- --
----- --
-
-
--mockInterceptors
使用 mockInterceptors 方法拦截请求并返回模拟数据：
-- -------------------- ---- -------
-- -----------
------------------------------ --------- -
-- --------------- --- ----- -- ----------- --- --------------- -
------ -
----- --
----- -
----- -----------
---- --
-
-
-
--总结
Mock4xhr 可以帮助前端开发人员快速地模拟数据返回，从而避免后端开发人员还未开发对应接口时的阻塞和延迟。本文介绍了 Mock4xhr 的安装、配置以及使用方法，并提供了示例代码供大家参考。希望能够帮助到前端开发人员们。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005664b81e8991b448e2667