简单使用Mock.js模拟数据生成器

Mock.js是模拟数据生成器,不需要后端来提供接口数据来进行开发,Mock可以根据数据模板生成随机数据,并且拦截Ajax请求返回模拟数据 安装 npm install mockjs 导入 import Mock from 'mockjs' 通过传入数据模板对象生成数据 const data = Mock.mock({ 'list|10': [{ "id|+1": 1, "name": "@cname", "age|18-25": 25 }] }) console.log(data) 配置响应数据(当匹配url的ajax请求时,会根据数据模板生成模拟数据,并且作为响应返回,这里通过axios发送get请求) const Data = Mock.mock('/api/name','get',{ code: 200, data: { 'list|10': [{ "id|+1": 1, "name": "@cname", "age|18-25": 25 }] } }) axios.get('/api/name').then( res => { console.log(res.data) } ) 也可以传入第二个参数,表示匹配的请求是哪个请求方法的 记录数据模板 const Data = Mock.mock('/api/name',(options) => { return { code: 200, options } }) axios({method: 'get', url: '/api/name' , data: {'name':'chenjunlin'}})....

2022-11-09 · 1 min · Me