mockjs 生成随机数据，拦截 Ajax 请求

前端开发时，难免会遇到后端没完全开发完。但客户需要看效果。mockjs可以生成随机数据，拦截 Ajax 请求。
官方教程：http://mockjs.com/

安装

npm install mockjs

可以局部引入或者全局引入，因为通常有好多接口，我选择全局引入写mock接口也是新建一个新的文件夹

1、在mainjs引入你写mock接口的文件

import 'xxx'

2、接口和数据

Mock.mock('自己定义的接口路径', {
"getList": {
"err": 0,
"list|8": [{
"id": "@id()",
"businessName": "@name()",
"account": "@name()",
"tel|1000000-999999": 123456,
"vrNum|1-99": 50,
"status|0-2": 0
}],
"total": 21,
"msg": ""
}
})

@id()： 随机id
@name()：随机名
vrNum|1-99： 1-99的随机数字
在vue中的引入

import axios from 'axios'
let res = await axios(''自己定义的接口路径')
console.log('res')

就这样 是不是很简单，赶紧试试吧