关于javascript:mockjs-的作用

作用一：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在浏览器中关上