当前位置: 首页 > Web前端 > JavaScript

mock.js的作用

时间:2023-03-27 10:52:52 JavaScript

功能一:mock.js生成随机数据mock.js支持各种数据的随机生成,官网也有具体的例子可以生成你想要的各种随机数据。这里我们使用接口测试工具apipost来演示mock.js是如何生成随机数据的。Apipost内置了一个mock变量,如图:选择随机生成一个日期字符串,直接复制,或者根据自己的需要写在脚本中,使用mock生成随机手机号constphonePrefix=['132','135','189']constindex=Math.floor(Math.random()*phonePrefix.length)varphone=phonePrefix[index]+Mock.mock(/\d{8}/)添加一个带有内置apipost的请求体随机生成的电话号码constphonePrefix=['132','135','189']constindex=Math.floor(Math.random()*phonePrefix.length)varphone=phonePrefix[index]+Mock.mock(/\d{8}/)apt.setRequestBody("phone",phone);//只针对form-data和urlencode,有效运行查看效果,如图图中:功能2:模拟后端数据可以使用mock。js模拟后端接口数据,通过随机数据模拟各种场景。无入侵开发无需修改现有代码,即可拦截Ajax请求,返回模拟响应数据。点击apipost的Mock服务,在这里编辑自己接口需要返回的数据,点击保存复制mock,并将地址给前端,模拟真实后端返回的响应数据,切换到mock环境,并测试写好的mock服务复制mock服务的url在浏览器中打开