正常的项目开发流程
第一步,产品部门出项目原型和思维导图
第二步,设计师出设计图,前后端分别派出一位大佬,根据原型图设计接口
第三步,前端根据设计的接口和原型图写静态页面,后端根据接口文档和原型写服务器接口。
第四步,前后端对接,联调,测试,上线。
对于前端开发而言,如果第一步和第二步没做好(不断改需求,改接口文档,改设计图),太痛苦了。
前后端应该在统一的接口文档下进行同步开发,这样就能实现双方分离,前后端单独交付,最后联调。
前端如果单独通过node.js开发服务器,耗费大量的人力,所以需要使用一个比较成熟的服务器模拟工具Yapi。
YAPI官网
https://hellosean1025.github.io/yapi/documents/quickstart.html
yapi实现mock数据的两种方式
在高级mock里面创建期望

在高级mock里面创建脚本(创建脚本比创建期望更加灵活,)
当创建好期望或者脚本之后,点击yapi给出的连接检测接口是否定义成功
点击mock地址,前端请求这个mock地址同样能获取到该接口的数据