mock.js 的作用

作用一：mock.js 生成随机数据#

mock.js 支持各种数据的随机生成，官网也有具体的示例

它可以生成你想要的各种随机数据，这里我们用接口测试工具 apipost 演示一下 mock.js 生成随机数据。

apipost 内置 mock 变量，如图：

选择随机生成一个日期字符串，直接复制

也可以根据自己的需要，在脚本中进行编写，使用 mock 生成随机手机号

const phonePrefix = ['132', '135', '189']

const index = Math.floor(Math.random() * phonePrefix.length)

var phone = phonePrefix[index] + Mock.mock(/\d{8}/)Copy

在使用 apipost 内置的添加一个请求 body 携带上随机生成的手机号

const phonePrefix = ['132', '135', '189']

const index = Math.floor(Math.random() * phonePrefix.length)

var phone = phonePrefix[index] + Mock.mock(/\d{8}/)

apt.setRequestBody("phone", phone);//只针对 form-data、urlencode有效Copy

运行一下查看一下效果，如图：

作用二：模拟后端数据#

可以使用 mock.js 模拟后端接口数据，通过随机数据，模拟各种场景。 开发无侵入 不需要修改既有代码，就可以拦截 Ajax 请求，返回模拟的响应数据。

点击 apipost 的 Mock 服务，在这里编辑自己接口需要返回的数据，点击保存复制 mock，地址给前端就可以，模拟真实后端返回的响应数据了

切换为 mock 环境，测试一下编写的 mock 服务

复制 mock 服务的 url 在浏览器中打开

本作品采用《CC 协议》，转载必须注明作者和本文链接