Mock Data

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

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

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

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

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

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

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

    之后根据环境变量创建实例,让它具有不同的baseURL

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

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