mock:封装假数据
分为两步骤:1.接口拦截,2.假数据返回
接口拦截:该文件需要在main.js中引入,用于拦截请求的api
<JS>
import Mock, { mock } from 'mockjs' //引入模块,需要安装插件
import mockData from './mockData.js' //返回的数据
// 设置数据延迟
Mock.setup({
timeout:'300-400'
})
// 查询接口
Mock.mock(/\/getData/,'get',mockData.getAllData)
假数据:
<JS>
import Mock from 'mockjs' // 导入mockjs 模块
import * as mUtils from '../utils/mUtils' //用于将url中的参数取出
let List = []
for(let i=0;i<60;i++){
List.push({
// 假数据生成方法:https://github.com/nuysoft/Mock/wiki/Getting-Started
id:Mock.Random.guid(),
name:Mock.Random.cname(),
address:Mock.mock('@county(true)'),
createTime:Mock.Random.datetime(),
incomePayType:Mock.Random.integer(0,8),
pay:Mock.Random.integer(0,999),
income:Mock.Random.integer(0,999),
cash:Mock.Random.integer(0,999)
})
}
export default {
getAllData:config=>{
return{
code:200,
data:List,
total
}
}
}