请问一下前端数据更改的同时后端mock数据也会同步怎么做？

Question

前端数据更改的同时后端mock数据也会同步怎么做

Answer 1

在开发中，我们经常会需要对接口进行联调沟通，然而这是在整个开发周期中最占用时间的一块。尤其最近在接手一个项目中，采用前后端分离开发的模式，写前端的同学完全不懂后台代码（对，我们之前都是一个人写前后端所有相关的代码滴！），接口经常性需要进行调整，基本就是重复沟通，重复浪费时间。于是我决定在项目中引进神器“Swagger”，用来一键生成文档，减少了后端开发同学编写接口文档的时间，同时前端采用Mock数据的方式，省略了等待接口的时间。

Answer 2

分离的痛点是分离后，接口提供不及时，文档不完善，模拟数据不方便等。说一下我们的解决办法：
1）webpack设置proxy，这个通过webpack文档或GOOGLE一下可以解决。
2）第二步就是需要在后端提供接口及数据和接口文档，而因为前后端很可能是并行开发的，所以在真实接口出来之前需要前端模拟接口及数据，及数据文档然后在真实接口出来后，切换到真实接口调试，我们之前也遇到过此问题，所以抽时间自己做了个mocksever 系统，功能包括:
支持可视化编辑JSON接口数据及接口文档

支持GET、POST、PUT、DELETE请求类型

支持指定返回状态码，默认200

支持延时返回数据

支持mockjs

支持单个接口代理到真实服务器(开发过程中某个接口使用模拟数据,当此接口已开发完成后,可将指定接口,通过此服务指向到真实接口上)