Mock的基础使用

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
        }
    }
}