关于javascript:mockjs-的作用

33次阅读

共计 740 个字符,预计需要花费 2 分钟才能阅读完成。

作用一: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}/)

在应用 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 模仿后端接口数据,通过随机数据, 模仿各种场景。开发无侵入 不须要批改既有代码, 就能够拦挡 Ajax 申请, 返回模仿的响应数据。

点击 apipost 的 Mock 服务,在这里编辑本人接口须要返回的数据,点击保留复制 mock,地址给前端就能够,模仿实在后端返回的响应数据了

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

复制 mock 服务的 url 在浏览器中关上

正文完
 0