前端本地使用mockjs模拟数据方法

话不多说直接上步骤。

1、下载mockjs

npm install mockjs --save

2、在src文件夹里创建一个mock文件夹，并在里面创建一个 mock.js（名字随意）。

这个js里面就放一些模拟数据格式

3、在刚刚创建的mock.js里面引入mockjs，并用Mock.mock模拟一些数据。

4、在main.js里面引入。

5、在模块里面通过axios调取mock数据。

 打印出来的数据如下，

ok，走到这里就完成了简单的mock数据引用了。

---

 

补充1：Mock.mock()官网里有介绍，第一个参数就是你的接口名字，第二个参数可以是直接定义的对象数组，也可以是一个函数、请求方式等。 具体可以去官网看（Mock.js）。

 

 

 

---

 

补充2： mock.js文件夹里面的'@name'也是官网里带的，自动随机生成名字，还有其他的生成年龄颜色日期等等，具体可以去官网看（Mock.js），这也是mockjs的优点之一。

---