Mock.js

207 阅读1分钟

安装命令   npm install mockjs

官方文档   http://mockjs.com/

1、快速使用

var data = Mock.mock({    // 属性 list 的值是一个数组,其中含有 1 到 10 个元素    "list|1-10": [      {        // 属性 id 是一个自增数,起始值为 1,每次增 1        "id|+1": 1      }    ]  });  console.log(data);  console.log(Mock.Random.cname());

2、自行扩展占位符

// 自行扩展占位符   Mock.Random.extend({     cstore() {       return this.pick([         "宠物店",         "美容店",         "小吃店",         "数码店",         "快餐店",         "哈哈店"       ]);     }   });   console.log(Mock.mock("@cstore"));

3、使用mock拦截并生成随机数据

在单页面引入axios import axios from "axios";

var Mock = require("mockjs");    axios      .get(        "http://113.141.174.129:88/jeecg-boot/smgr/autoDivideClass/getAcademicYearListInfos"      )      .then(res => {        console.log(res);      });    // 使用mock拦截,并随机生成数据    Mock.mock(      "http://113.141.174.129:88/jeecg-boot/smgr/autoDivideClass/getAcademicYearListInfos",      {        "list|5-10": [          {            "id|+1": 1,            name: "@cname",            email: "@email"          }        ]      }    );

使用mock拦截,其中url必须与axios请求url一致