Mock.js 生成随机数据 拦截 Ajax 请求

2023-01-01 0 636

后端合作开发操作过程中,常常会有许多 Ajax 允诺,以后的作法是他们增建许多 JSON 文档,接着出访邻近地区的文档,那么做有个非常大的难题是不如灵巧,所以还须要频密转换 url,那时有了 Mock.js 截击 Ajax 允诺,就更为方便快捷的内部结构你须要的假统计数据。

Mock.js 生成随机数据 拦截 Ajax 请求

特征

其间端分立

让后端守城师分立于后端展开合作开发。

减少程序标识符的准确性

透过乱数统计数据,演示各式各样情景。

合作开发无入侵

不须要修正譬如标识符,就能截击 Ajax 允诺,回到演示的积极响应统计数据。

用语单纯

合乎感性的USB。

统计正则表达式多样

全力支持聚合乱数的文档、位数、常量、年份、电子邮箱、镜像、相片、色调等。

方便快捷扩展

全力支持全力支持扩展更多统计正则表达式,全力支持自定义函数和正则。

使用方法

1、安装 Mockjs

npm install mockjs –save-dev

2、在项目中创建 mock.js,并写一个单纯的回到示例:

// 引入 mockjsimport Mock from mockjs// 使用 mockjs演示统计数据Mock.mock(/api/proxy/query, { “ret”:0, “data”:{ “mtime”: “@datetime”,//乱数聚合年份时间 “score|1-800”: 800,//乱数聚合1-800的位数 “rank|1-100”: 100,//乱数聚合1-100的位数 “stars|1-5”: 5,//乱数聚合1-5的位数 “nickname”: “@cname”,//乱数聚合中文名字 }});

3、main.js 里面引入该文档

import ./js/mock

4、vue 文档中调用 mock.js 中演示的统计数据USB,这时回到的 response 是 mock.js 中用 Mock.mock(url, data) 中设置的 data 了。

var url = /api/proxy/query;this.$axios.get(url).then(response => { // code}).catch(error => { // code})

设置延时回到统计数据

任何 API 的允诺都是有延迟,所以为了减少准确性,我们能设置一定的延迟回到数据

//延时400s允诺到统计数据Mock.setup({ timeout: 400})//延时200-600毫秒允诺到统计数据Mock.setup({ timeout: 200-600})

更多使用方法请参见:Mock.js 中文文档

举报/反馈

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务