对于前端开发来说，mock 数据是一种非常常见的技术手段。它可以帮助前端开发者在开发初期快速搭建开发环境、进行单元测试和集成测试等。在实际的工程项目中，也经常会使用到一些 mock 数据的工具，如 Mock.js。而今天我们来介绍另一个 npm 包 - mockjs-serv。
mockjs-serv 简介
mockjs-serv 是一款基于 Mock.js 的开发工具，它可以帮助你快速搭建一个本地的 mock 数据服务。相比较其他 Mock.js 的实现，mockjs-serv 的主要特点在于：
- 它不需要你编写任何代码，只需要一个简单的配置文件即可，省去了冗长的代码编写过程。
- 它支持更加灵活的配置规则，甚至可以自定义规则文件，帮助你更好地模拟想要的数据。
mockjs-serv 安装和使用
使用 mockjs-serv 很简单，可以通过 npm 安装：
npm install -g mockjs-serv
安装完成后，mockjs-serv 就可以在全局使用了。可以通过以下命令启动本地的 mock 服务：
mockjs-serv start /path/to/config.json
其中 /path/to/config.json 是你的配置文件路径。样例配置文件如下：
-- -------------------- ---- -------
-
------- -----
-------- -
---- ----------- -
------------ -
-
-------- --
------- ----------
-
-
-
-
-配置文件中，port 代表你的 mock 服务启动的端口号，rules 则是你的 mock 规则配置。在 rules 中，键表示请求的 API 地址，值是请求的 mock 数据规则，它是一个典型的 Mock.js 对象，不再赘述，可以参考官网Mock.js以了解具体用法。
例如，样例中你 mock 的接口地址是 GET /api/test， 返回一些假数据，每个数据有个 id 和 name 字段，这样你在请求 /api/test 的时候，就会得到符合定义规则的假数据。
需要特别注意的是，mockjs-serv 在进行数据 mock 的时候，会自动将请求的参数进行解析，并作为 Mock.js 规则的一部分。例如：
{
"url": "/api/user",
"method": "POST",
"body": {
"name": "test",
"age": 18
}
}在 mock 规则中，你可以这样定义参数：
{
"rules": {
"POST /api/user": {
"name": "@word()",
"age|+1": 18
}
}
}mockjs-serv 会自动将 name 和 age 参数进行解析，并作为 mock 数据规则的一部分，这样你就可以在请求 /api/user 的时候，得到符合参数的假数据。
自定义规则文件
除了使用 Mock.js 的规则之外，mockjs-serv 还支持自定义规则文件。它与 Mock.js 规则语法非常相似，文件命名必须是 rule.js 或者 rule.json，在 mockjs-serv 配置文件中，将 rules 的值指向你的自定义规则文件即可。
自定义规则文件可以定义任意格式的 mock 数据，比如：
-- -------------------- ---- -------
-------------- - -
-- ------------
-------- --------------
-- ----------------
-------- -- -- ------------------------ - -----
-- -------------
----- ----------- -
-------- --
------- ----- -- - ------
------- ---------------------- ------------
------ ---------
--
-- --------
---- ----------------- -
------------ -
-
-------- --
------- ----------
-
--
---------------- -
-
--以上就是 mockjs-serv 的基本使用方法和自定义规则文件的介绍。通过 mockjs-serv 可以让前端开发者快速搭建开发环境，省去繁琐的代码编写过程，非常适合在前期开发中使用。当然，在实际项目中，也需要注意 mock 数据与实际数据的差异，以及一些安全性的问题。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055be381e8991b448d98c2