mock使用笔记
mock的应用笔记
一、安装
npm install --save-dev mockjs
二、应用之初体验
1.创建api.js文件,用于专门存放模拟请求
import Mock from 'mockjs' // 引入mockjs var dataJson = { name:'zhangsan', age:'17' } Mock.mock('/data/index', 'post', dataJson) // 根据数据模板生成模拟数据
2.调用
import "./../api/api";//引入api.js //调用 getdata: function() { axios.post("/data/index").then(res=>{ console.log(res); }) }
三、应用之传参
1.get传参
//在api.js中 //地址用正则拦截 Mock.mock(RegExp('/data/getUser'+'.*'), 'get', options=>{ console.log(options)//这里边你会看到传递过来的参数 return Mock.mock({name:"zhangsan",age:19}) }) //调用 axios.get("/data/getUser?name=李四&age=20").then(res=>{ console.log(res); })
2.post传参
//在api.js中 Mock.mock('/data/setUser', 'post', options=>{ console.log(options)//这里边你会看到传递过来的参数 return Mock.mock({name:"zhangsan",age:19}) }) //调用 axios.post("/data/setUser",{name:'lisi',age:20}).then(res=>{ console.log(res); return Mock.mock({name:"zhangsan",age:19}) })
四、模拟耗时
//在api.js中 import Mock from 'mockjs' // 引入mockjs Mock.setup({ timeout: 2000//两秒后响应 })