# Mock 和联调

Mock 数据是前端开发过程中必不可少的一环，是分离前后端开发的关键链路。通过预先跟服务器端约定好的接口，模拟请求数据甚至逻辑，能够让前端开发更加独立自主，不会被服务端的开发所阻塞。

# Swagger

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

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

WARNING

因为yapi提供的线上免费服务很不稳定，如果有需要的可以自己按照它的内网部署，搭建自己的服务。

目前项目只启动了一个mock-server，当然你也可以有自己其它的mock-server或者真实接口。可以一部分接口走这个服务，另一些接口走另一个服务。

只需要将它们分别设置不同的的baseURL即可@/utils/request.js。之后根据设置的 url 规则在 vue.config.js 中配置多个 proxy。相关文档

或者可以直接在@/api的某个mock-server请求url前面直接加yapi，此时vue.config.js中配置的 url 前面也应该加yapi。

TIP

mock-server一般写在第一个proxy，要注意proxy url如果有包含关系时的proxy顺序。