Mock Data

我司项目中通常使用 swagger 由后端来模拟数据。swagger 是一个 REST APIs 文档生成工具，可以跨平台从代码注释中自动生成，开源，支持大部分语言，社区好，总之非常不错，强烈推荐。

vue-admin-template 使用的是 来模拟数据。它是一个纯前端可视化，并且能快速生成模拟数据的持久化服务。非常的简单易用还能结合 ，支持跨域 ，不管团队还是个人项目都值得一试。

vue-element-admin 由于是一个纯前端个人项目，所有的数据都是用 本地生成模拟出来的，它的原理是:拦截了所有的请求并代理到本地模拟数据，所以 network 中没有发出任何的请求。

所有的 mock 数据都在 @/src/mock 目录下，它只会拦截 @/src/mock/index.js 文件中拦截的 url。

移除只需要在 中移除 import './mock' 并且删除 @/src/mock 文件夹即可。

有很多时候我们会遇到本地使用 mock 数据，线上环境使用真实数据。

• Easy-Mock 的形式
  你需要保证你本地模拟 api 除了根路径其它的地址是一致的。比如：

之后根据环境变量创建实例，让它具有不同的baseURL。 @/utils/request.js

这样我们就做到了自动根据环境变量切换本地和线上 api。

只有在本地环境之中才会引入 mock 数据。