mock数据

mock数据指的模拟数据，mock中文翻译愚弄，嘲笑。

实现mock数据如下：

首先在根目录下创建一个mock文件，该文件下有index.json(存放模拟数据)。

然后在根目录下新建一个 vue.config.js 文件，这文件是调整 webpack 配置最简单的方式，将会被 webpack-merge 合并入最终的 webpack 配置中。 在 vue.config.js 中编写以下内容：

然后在组件中：

好吧作为一名菜鸟，虽然实现了简单的axios+mock数据,但有很多不懂；

继续参考： CSDN

博客 无脑复制

官方： http://mockjs.com/

前后端分离开发的时候，前端和后端是并行开发的，前端往往刚开始不能拿到测试的数据，都需要自己写测试数据。 编写测试数据还是比较浪费时间的，虽然简单，但是都是体力活。

那么是否有工具可以帮我们生成数据，生成API接口，让前端能够爽爽的开发。

Mock.js 正是这样一款类库，可以帮我们模拟生成一堆数据。

引入引入mock.js的包，然后生成数据。

生成的数据(数据的个数，1-10个中随机个数)

配置模拟数据

发送Ajax请求：

返回数据：

注意：

属性名 和 生成规则 之间用 | 分隔。生成规则 是可选的。生成规则 有 7 种格式：

生成规则 的 含义 需要依赖 属性值 才能确定。

属性值 中可以含有 @占位符。

属性值 还指定了最终值的初始值和类型。

---