如何使用webpack，proxy实现前后端分离，并且方便后期前后端联调

Question

如题所述

Answer 1

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

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

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

支持延时返回数据

支持mockjs

支持单个接口代理到真实服务器(开发过程中某个接口使用模拟数据,当此接口已开发完成后,可将指定接口,通过此服务指向到真实接口上)
项目地址：flftfqwxf/mock-server: A nodejs web system for mock-server 【一个WEB版的数据模拟系统】
欢迎STAR,和提意见
这个项目基本解决了我们目前遇到的问题，把项目布置到公司测试环境上，接口可根据情况，由前端或后端定义，并写好接口文档，如果真实数据没有，就模拟数据，支持了MOCKJS后，更方便模拟动态数据，然后在真实接口写好后，就通过此系统把模拟接口或接到真实的接口去，方便省事。