在前端开发的过程中，我们通常会依赖很多后端接口进行开发。当后端接口还未完成或者需要进行本地开发时，我们就需要使用到 mock 数据来模拟后端接口的数据。而 @emartech/backend-mock 就是一个非常好用的 npm 包，可以帮助我们快速地生成 mock 数据。
安装
npm install @emartech/backend-mock
使用方法
1. 创建配置文件
我们需要先在项目根目录创建一个名为 .emar-mock.json 的文件，并在文件中定义 mock 数据的规则。如下所示：
-- -------------------- ---- -------
-
------------- -
------- -
--------- ----
------- -
-------- ---------
----------- -------
-
-
--
------------ -
------ -
--------- ----
------- -
----- ----
------- -------
------ --
-
-
-
-从上面的配置文件可以看出，我们可以定义多个接口，并且针对每个接口可以定义多个请求方法和返回数据，非常灵活。
2. 启动 mock 服务
启动服务非常简单，只需要在命令行中输入：
npx backend-mock
启动成功后，我们就可以在浏览器中访问 http://localhost:3000/ ，就能够看到我们定义的 mock 数据了。
3. 模拟错误情况
除了模拟正常情况的数据之外，我们还可以模拟错误的情况。如下所示：
-- -------------------- ---- -------
-
------------- -
------- -
-
--------- ----
------- -
-------- ---------
----------- -------
-
--
-
--------- ----
-------- -
------- -------
---------- ----------
-
-
-
-
-从上面的代码可以看到，我们可以定义多个返回数据，并在其中任选一条返回数据。这样我们就可以非常方便地模拟异常情况了。
注意事项
.emar-mock.json配置文件仅仅限制于本地使用，我们不要将其上传到仓库中。- 当我们修改了配置文件之后，需要重新启动 mock 服务，配置才会生效。
结语
使用 @emartech/backend-mock 生成 mock 数据非常简单，不仅能够提高我们的开发效率，还能够方便我们测试不同的场景。在开发过程中，如果后端接口未完成或者需要测试不同的数据场景时，我们就可以使用 @emartech/backend-mock 来帮助我们快速地生成 mock 数据。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/107523