在前端开发中，我们经常需要mock数据进行本地测试和模拟。通常我们可以手动编写一些假数据，但这种方式非常繁琐且容易出差错。为此，开发者们使用各类mock数据工具来简化这一流程。其中一个非常流行的工具就是 npm 包的 mock.data.server。
mock.data.server 简介
mock.data.server 是一个基于 Node.js 的 mock 数据服务器，可以帮助我们快速的生成、修改、删除 mock 数据。它可以用来满足前端开发时对接口数据的mock需求，可以独立部署或者集成在本地开发中，免去了搭建后端服务器的繁琐流程。
安装
安装 mock.data.server 很简单，只需要全局安装 npm 包即可：
--- ------- -- ----------------
安装完成后，可以在终端输入 mock-data-server 启动服务。
使用
1. 添加 mock 数据
添加 mock 数据非常简单，只需要在项目目录下创建一个 .mock.js 文件，在该文件中编写相应的 mock 数据即可。例如我们创建了一个名为 user.mock.js 的文件：
----- ------- - -
------- --
------ ----------
------- -
------- ----- -----
-------- ---------------------
------ --
-
--
-------------- - -
-------- -
------- ------
------------- -
-------- - --------
-
-
--该文件定义了一个路由 /user，当访问这个路由时，mock.data.server 将会返回 rawData 对象。
2. 启动服务器
mock.data.server 的默认端口号是 3000，并且支持在启动时指定端口号。在终端中输入以下命令启动 mock.data.server：
----------------
如果指定端口启动：
---------------- ------ ----
3. 发起请求
启动服务器后，我们就可以通过 http://localhost:3000/user 访问我们之前添加的 mock 数据了。如果添加了更多的 mock 数据，也可以通过对应的路由来访问。
4. 编辑和删除数据
mock.data.server 同样提供了编辑和删除 mock 数据的能力。我们可以直接修改保存在 .mock.js 文件中的数据，或者通过以下命令删除相应路由的 mock 数据：
---------------- ------ -----
示例代码
在这里，我们提供一份完整的使用示例，可以帮助读者更好的了解如何使用 mock.data.server。
在本地新建一个目录，命名为 mock-data-demo：
----- --------------
进入该目录，初始化 npm：
-- -------------- --- ---- --
全局安装 mock.data.server：
--- ------- -- ----------------
添加一个 .mock.js 文件，作为 mock 数据的管理文件：
-------------- - -
------------- -
------- ------
------------- -
-------- - -
----- --
-------- ------ -------
--
-
-
--启动服务：
----------------
此时我们在浏览器中输入 http://localhost:3000/say-hello，可以看到返回了:
- ------- -- ---------- ------ ------- -
总结
在前端开发工作中，mock 数据是我们必须要用到的技术，而 mock.data.server 包可以帮助我们更加简便的管理 mock 数据。我们可以通过这篇文章，学习到了如何使用和学习 mock.data.server，并且成功实现了一个使用 mock 数据的示例项目。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/600572c781e8991b448e8eb4