mock.js 的作用

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

mock.js支持各种数据的随机生成,官网也有具体的示例
mock.js 的作用_第1张图片
它可以生成你想要的各种随机数据,这里我们用接口测试工具apipost演示一下mock.js生成随机数据。
apipost内置mock变量,如图:
mock.js 的作用_第2张图片
选择随机生成一个日期字符串,直接复制
mock.js 的作用_第3张图片
也可以根据自己的需要,在脚本中进行编写,使用mock生成随机手机号

const phonePrefix = ['132', '135', '189']
const index = Math.floor(Math.random() * phonePrefix.length)
var phone = phonePrefix[index] + Mock.mock(/\d{8}/)

在使用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有效

运行一下查看一下效果,如图:
mock.js 的作用_第4张图片

作用二:模拟后端数据

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

点击apipost的Mock服务,在这里编辑自己接口需要返回的数据,点击保存复制mock,地址给前端就可以,模拟真实后端返回的响应数据了
mock.js 的作用_第5张图片
切换为mock环境,测试一下编写的mock服务
mock.js 的作用_第6张图片
复制mock服务的url在浏览器中打开
mock.js 的作用_第7张图片

你可能感兴趣的:(mock.js 的作用)