在前端开发中，经常会遇到需要与后端进行接口联调的情况。而如果后端接口还未完成开发，我们可能需要自己模拟数据进行开发和测试。这时候就可以使用 npm 包 development-mock-server。
development-mock-server 是一款基于 nodejs 的本地服务器，可以根据指定的规则，返回模拟数据，以此来帮助开发人员进行前端开发和测试工作。在使用 development-mock-server 之前，需要确保已经正确安装了 nodejs 和 npm。
安装
首先，需要使用 npm 进行安装。在命令行中执行以下命令：
--- ------- ----------------------- ----------
该命令会将 development-mock-server 安装到当前项目中，并将其添加到 package.json 文件的 devDependencies 中。
配置
在安装完成之后，需要对 development-mock-server 进行配置。development-mock-server 通过读取一个指定的配置文件来确定需要返回的数据。配置文件必须是一个 json 文件。
例如，我们需要在本地开发过程中，返回一些用户信息。可以创建一个名为 user.json 的配置文件，内容如下：
-
------- --------
--------- ------
----------- -
------- -----
------ ---
--------- ---
-
-这个配置文件指定了当请求 /user 接口时，以 GET 方法请求，返回的数据为一个包含 name、age、gender 三个字段的 json，具体含义为返回一个名为张三、年龄为 18 岁、性别为男的用户信息。
在完成配置文件的编写后，需要将其放置到项目根目录下的 mock 目录中。
启动服务
完成配置后，可以启动 development-mock-server 服务。在命令行中执行以下命令：
--- -----------
该命令会开启一个本地服务器，根据配置文件中的规则来返回模拟数据。在启动成功后，可以通过访问 http://localhost:3000/user 来获取模拟数据。
需要注意的是，如果多个配置文件存在相同的路径和请求方法，后面的配置文件将覆盖前面的配置文件。
访问模拟数据
启动 mock 服务后，在访问模拟数据时需要注意路径的写法。例如，我们在配置文件中设置了 path 为 /user，则在访问时应该使用 http://localhost:3000/user。
同时，也可以根据实际需求对配置文件进行多项配置。例如指定返回数据的 Content-Type、跨域支持等。关于这些配置可以查看 development-mock-server 的官方文档。
示例代码
以下是一个 mock 配置文件的示例代码：
-
------- --------
--------- ------
----------- -
------- -----
------ ---
--------- ---
--
-------------
-------------- -------------------
-----------
----------------------------------
----------------------------------
-
-该配置文件指定了当请求 /user 接口时，以 GET 方法请求，返回的数据为一个包含 name、age、gender 三个字段的 json，状态码为 200，Content-Type 为 application/json，同时设置了跨域支持。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/6005737b81e8991b448e96d7