mockjs随机数生成

一、初级使用 - 直接生成随机模拟数据

直接以一个接口常见的返回格式为例：

Mock.mock(data);
let data = {
    code|1: [0, 1001, 1002, 1003], // 从数组中随机取一个值
    message: '',
    data: {
        "data|length": [ // 按下边的字段格式生成一个长度为 length 的数组
            {
                "id|+1": 0, // 属性值自动加1，初始值为 0
                "likeNumber|0-100": 10, //生成一个[0,100]的整数，10用来确定类型
                "score|min-max.dmin-dmax": number, // 浮点数，限制方式与上一个整数相同
                "like": "@boolean(1)", // 生成布尔值
                "likeNum": "@integer(1,9999)", // 随机1-9999间的数字
                "content": "@csentence(5,50)", // 随机生成5-50个字符，结束带句号
                "name": "@cword(2,5)", // 随机生成2-5个字符，没有标点
                "releaseTime": "@date(yyyy-MM-dd)",// 按格式生成随机日期
                "creatTime": "@date(yyyy-MM-dd hh:mm:ss)",// 按格式生成随机日期时间
                "name|min-max": "string", //通过重复 string 生成一个字符串，重复次数[min,max]次
                "name|count": "string", //通过重复 string 生成一个字符串，重复count次
                "name|min-max": object, // 从 object 中随机选取[min,max]个属性
                "name|count": object, // 从 object 中随机选取count个属性
                "name": function, // 执行function，其返回值为最终的属性值，函数的上下文为属性 'name' 所在的对象
                "": 
            
      }]
    }
}

二、拦截接口请求并返回模拟数据

Mock.mock(接口, 请求类型, Mock范式)

配置拦截ajax请求

Mock.setup({
    timeout: 400
})

mock获取前端传递的数据

axios({
  method: "get",
  url: "/api/test",
  data: {
    id:2
  }
}).then(data => {
  console.log(data);
}

Mock.mock("/api/test", "get", (config) => {
  console.log(config);
  return data;
})