介绍
在前端开发中，经常需要进行接口调试，但是在开发初期很多接口可能还没有实现或者正在开发中，此时就需要使用 mock 数据来模拟接口返回数据。@vostok/mocking 是一个可以帮助我们快速生成 mock 数据的 npm 包。
安装
通过 npm 安装 @vostok/mocking :
npm install @vostok/mocking --save-dev
使用
基本使用方法
首先，在项目中创建 mock 文件夹，并且在 mock 文件夹中创建一个 js 文件，例如：user.js，然后编写 mock 数据。例如：
module.exports = {
'GET /api/user': {
name: 'test',
age: 18,
},
};其中，该文件是一个 Node.js 模块，它的输出是一个对象。该对象的 key 表示 HTTP 请求的方法和 URL，value 为对应的 mock 数据。
然后，在项目的启动文件中（例如 index.js）引入 @vostok/mocking：
const mocking = require('@vostok/mocking');然后，调用 mocking 的 init 方法，将 mock 文件夹的路径传递给它：
mocking.init({ dir: 'mock' });最后，启动项目，访问 /api/user 接口，就会返回我们编写的 mock 数据。
更多使用方式
设置默认值
我们也可以设置 mock 数据的默认值。例如：
mocking.defaults({
mockData: {
name: 'defaultName',
age: 0,
},
});此时，如果 mock 数据缺少 name 或 age 字段，就会使用默认值。
延迟
我们可以通过 delay 选项来模拟接口响应延迟：
module.exports = {
'GET /api/user': {
name: 'test',
age: 18,
},
};mocking.init({
dir: 'mock',
delay: 3000,
});此时，访问 /api/user 接口将会延迟 3s 后返回 mock 数据。
函数
我们可以使用函数生成 mock 数据：
module.exports = {
'GET /api/user': () => {
return {
name: 'functionName',
age: Math.random() * 100,
};
},
};RESTful API 接口
我们也可以通过 :id 这样的方式，生成 RESTful API 接口的 mock 数据：
-- -------------------- ---- -------
-------------- - -
---- --------------- ----- ---- -- -
----- - -- - - -----------
------ -
---
----- --------------
---- ------------- - ----
--
--
--示例代码
最后，我们来看一个示例代码：
-- -------------------- ---- -------
----- ------- - ---------------------------
------------------
--------- -
----- --------------
---- --
--
---
-------------- ---- ------- ------ ---- ---
----- ---- - ----------------
----
------------------- ---- -- -
-- -------- --- ------------ -
------------------ - --------------- -------------------------------- ---
------------------------ ----- ----------- ---- -- ----
-
--
------------- -- -- -
---------------------- -- ---- -------
---该代码演示了如何使用 @vostok/mocking 和原生的 http server。
总结
在开发过程中，mock 数据是非常有用的工具，它可以帮助我们避免依赖服务端接口的情况下，快速开发前端代码。@vostok/mocking 包提供了简单易用的接口，使我们能够快速生成 mock 数据。它支持设置默认值、延时、函数、RESTful API 等常见的 mock 数据场景，是前端开发过程中必不可少的一个工具。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005521581e8991b448cf998