一. 多人联调
场景：
- 前后端本地联调接口，经常会出现一个前端和多个后端人员配合的情况。
- 每个后端人员都有自己的ip地址，那么前端联调过程中需要不停的修改本地配置文件中的接口地址，甚至需要重启项目，才能和其中的一位后端进行联调。
问题：
- 频繁改动配置重启，项目如果很大，启动超级慢
- 人员间相互在等待，效率很低
目的：
可以同时和后台进行联调，提升效率
解决方案：
使用不同浏览器和浏览器的代理插件
具体实现：
以常见的vue项目为例，一般情况在开发环境下我们会在vue.config.js中配置devServer的proxy，这里配置上后端人员A的ip地址，比如这时就用chrome和A进行常规联调即可。
那和后端B联调，我们使用Edge浏览器，安装浏览器插件Ajax Proxy,只需要新增代理即可，配置成B的ip地址，也可以新增多个后台的代理，打开关闭指定的开关即可，如下图
chrome,Edge,火狐浏览器都可以浏览器插件Ajax Proxy，可以开多个浏览器同时调试，也可以一个浏览器Ajax Proxy新增代理，刷新页面即可。
二. 模拟接口数据
场景：
- 前后端联调，后端接口还未实现，前端需要数据
问题：
- 过于依赖后端
- 影响进度
目的：
前期开发可以并行，减少联调成本
解决方案：
mockjs模拟接口数据
具体实现：
前提是前后端已经约定好接口的数据结构及相关字段
-
直接在前端项目中配置Mockjs。
不具体展开，这个教程很多，适合有规划的大项目，配置比较细致。
-
使用浏览器mock插件快速实现。
适合项目没有配置mock，暂时快速调试几个小接口。
浏览器插件：
- Ajax Proxy
2. Mock:Intercept and directly return data
Edge和火狐没有2这个插件。
强烈建议直接使用 Ajax Proxy浏览器插件，既有拦截又有重定向，浏览器都有这个插件。
注意：重定向需要浏览器设置中加入允许的白名单地址。
