在前端开发中，我们经常需要模拟后端接口数据来进行测试或者开发。mockit-express 是一个基于 Express 框架开发的 npm 包，它可以帮助我们快速搭建一个本地的 mock server 服务，自定义请求路由和响应数据，方便进行接口测试或者前端开发。
安装和使用
我们可以使用 npm 或者 yarn 安装 mockit-express 包。
npm install mockit-express --save-dev
安装完成后，在项目中新建一个 mock 文件夹，在 mock 文件夹下新建一个 index.js 文件，例如：
-- -------------------- ---- ------- -- ------------- ----- - ------ - - ------------------------- -- -- ---- -- ----- ----- - - - --- -- ----- ------ -- - --- -- ----- ----- - - -- ----------- ------------------------ - ------- ----- ----- ----- -- -- -- ---- -- --------------
上面的代码就是一个简单的 mock 示例，定义了一个 GET 请求路由 /api/users，并返回 users 数组作为响应数据。接下来我们来讲解一下 mockit-express 的使用方法和 API。
API
1. mockit.get(url, mockData)
get() 方法用来定义 GET 请求路由和响应数据。
url: 请求路由，可以是字符串或者正则表达式。mockData: 响应数据对象或者函数。如果是函数，函数的参数包含req和res，可以通过修改res对象来设置响应数据。
示例：
-- -------------------- ---- -------
------------------------ - ------- ----- ----- ----- --
--------------------------------- ----- ---- -- -
----- -- - -------------
----- ---- - ------------ -- ---- --- ----
-- ------ -
---------- ------- ----- ----- ---- --
- ---- -
---------------------- ------- ------ -------- ----- --- ------ --
-
--2. mockit.post(url, mockData)
post() 方法用来定义 POST 请求路由和响应数据。
url: 请求路由，可以是字符串或者正则表达式。mockData: 响应数据对象或者函数。
示例：
mockit.post('/api/users', (req, res) => {
const user = req.body
// 保存用户数据
users.push(user)
res.json({ result: true, data: user })
})3. mockit.put(url, mockData)
put() 方法用来定义 PUT 请求路由和响应数据。
url: 请求路由，可以是字符串或者正则表达式。mockData: 响应数据对象或者函数。
示例：
-- -------------------- ---- -------
--------------------------------- ----- ---- -- -
----- -- - -------------
----- ---- - ------------ -- ---- --- ----
-- ------ -
------------------- ---------
---------- ------- ----- ----- ---- --
- ---- -
---------------------- ------- ------ -------- ----- --- ------ --
-
--4. mockit.patch(url, mockData)
patch() 方法用来定义 PATCH 请求路由和响应数据。
url: 请求路由，可以是字符串或者正则表达式。mockData: 响应数据对象或者函数。
示例：
-- -------------------- ---- -------
----------------------------------- ----- ---- -- -
----- -- - -------------
----- ---- - ------------ -- ---- --- ----
-- ------ -
------------------- ---------
---------- ------- ----- ----- ---- --
- ---- -
---------------------- ------- ------ -------- ----- --- ------ --
-
--5. mockit.delete(url, mockData)
delete() 方法用来定义 DELETE 请求路由和响应数据。
url: 请求路由，可以是字符串或者正则表达式。mockData: 响应数据对象或者函数。
示例：
-- -------------------- ---- -------
------------------------------------ ----- ---- -- -
----- -- - -------------
----- ----- - ----------------- -- ---- --- ----
-- ------ - --- -
------------------- --
---------- ------- ---- --
- ---- -
---------------------- ------- ------ -------- ----- --- ------ --
-
--6. mockit.config(options)
config() 方法用来配置 mockit-express 的参数。
options: 配置对象，包含如下属性：port: 服务启动的端口号，默认为 3000。cors: 是否启用跨域，默认为 true。delay: 是否启用响应延迟，默认为 false。timeout: 响应延迟的毫秒数，默认为 3000。
示例：
mockit.config({
port: 4000,
cors: true,
delay: true,
timeout: 5000
})7. mockit.start()
start() 方法用来启动 mockit-express 服务。
示例：
mockit.start()
总结
mockit-express 是一个便捷的 npm 包，可以帮助我们快速搭建本地的 mock server 服务，并自定义请求路由和响应数据，方便进行接口测试或者前端开发。上面我们介绍了常用的 API 方法和参数配置，希望能够帮助到大家。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600668eed9381d61a3540cbc