Mock.js是一款前端开发中拦截 Ajax 请求,生成随机数据响应的工具,可以用来模拟服务器响应。支持生成随机的文本、数字、布尔值、日期、邮箱、链接、图片、颜色等。

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' 所在的对象
                "": 
      }]
    }
}