mockjs的使用方法

为了提高工作效率，作为前端的我们经常要自己造数据，最常用的当然是mockjs了

    简单介绍一下Mock.js

众所周知Mock.js因为两个重要的特性风靡前端:

• 数据类型丰富
  支持生成随机的文本、数字、布尔值、日期、邮箱、链接、图片、颜色等。

• 拦截 Ajax 请求
  不需要修改既有代码，就可以拦截 Ajax 请求，返回模拟的响应数据。安全又便捷

文章会用到的API(也是Mock经常使用的API):

• Mock.mock(url, type, data)

参数名	参数需求	参数描述	例子
url	可选: URL 字符串或 URL 正则	拦截请求的地址	/mock
type	可选	拦截Ajax类型	GET、POST
template	可选: 可以是对象或字符串	生成数据的模板	`{'data

1.安装mockjs 和axios

yarn add mockjs -D
yarn add i axios --save

2.新建json文件

3.导入mockjs

 4.在路由index.js中引入对应的json

 5.在views文件夹中的main.js中引入mock.js

 6.案例代码  随机生成 名字 年级 背景颜色 地区 等级

 7.实现效果