mock基本使用

手机游戏开发者 2024-9-22 01:45:20 86 0 来自 中国
一、mockjs界说

拦截ajax哀求,天生伪数据
应用场景:在工作中,后端已经出接口文档,还没有实今世码
由前端依照接口文档模拟伪数据,实现前端开发功能
二、mockjs安装

npm i mockjs -D三 、mockjs使用


  • 1界说/mock/index.js
import Mock from 'mockjs'Mock.mock(" /api/feed",{json数据})

  • 2在main.js导入
import '../mock/index.js'
此时发送ajax哀求访问/api/feed就会被mock拦截,获取到json模板对应的虚拟数据,而且在浏览器的network之中看不到发起的哀求,假如必要在network中看到发起的哀求可以使用devserve拦截哀求,仅使用mock天生模拟数据
四、mockjs方法

mock(data)mock(url,data)mock(url,type,data)mock(url,type,function)data:数据url:拦截所在(可以是正则)type:拦截哀求范例(post,get,put,delete),默认get哀求function:通过函数返回数据,参数用config 哀求的配置五、mockjs语法

"id":"@id""star|1-2":"⭐"  字符串重复1-2次"price|100-200.2-3”小数点2-3位"data | 10"";[{name:"名称")]数组的内容重复10遍"live | 1":true,随机返回true,false"tel":/13\d{9}/  手机号码"des":function(){ return this.start+this.price}"name":"@cname" 表示中文名称"address":"@country(true)" 所在"description":"@cparagraph(1,3)”随机段落2-3行"pic"datalmage(200x100);图示"更多语法示例可以到官网的示例中:http://mockjs.com/examples.html
您需要登录后才可以回帖 登录 | 立即注册

Powered by CangBaoKu v1.0 小黑屋藏宝库It社区( 冀ICP备14008649号 )

GMT+8, 2024-12-4 01:35, Processed in 0.169596 second(s), 32 queries.© 2003-2025 cbk Team.

快速回复 返回顶部 返回列表