实际工作状态实际工作中前后端分离的情况下，前端与前端达成接口协议，前端往往需要mock数据根据接口文档。这些数据基本都是静态数据，有的可能硬编码在代码中，等后台开始服务调试后再替换这部分mock数据，有的可能读取静态的json、js等文件获取mock数据来实现页面效果，但是实际调用接口和读取文件获取mock数据这两种方法是有区别的，需要在接口正式与后台对接后调整代码。然后在想能不能在dev环境直接调用接口的时候直接调用mock数据，不修改任何代码直接build，打包页面请求官方接口。实现过程为了高效快速的开发，我搭建了一个VUE+MOCKDEMO，最重要的是解决了上述问题。这是我的想法：将所有接口写入配置文件。dev模式下，node启动webpack时，通过webpack读取接口配置，进行接口代理。然后通过node的环境变量来识别环境。如果dev环境将所有接口的HOST替换为本地HOST，那么请求接口直接进入接口代理，通过代理获取mock数据。如果是pro环境，直接在配置文件中请求正式接口。以下截图是dev环境下的mock配置，请求接口，接口返回结果。另外本demo还配置了一键启用，自由切换是否mock数据，未启用的mock数据直接调试接口自动做跨域代理，方便大家在实际发展中发展得更好更快。具体的代码实现，大家可以看一下我的demo，希望大家多提一些改进的建议，希望多多交流学习。演示地址：FastDev-VUE
