前端如何mock数据

前言

在工作中总会遇到，临近开发结束了后端才出接口，造成了前端的狼狈加班，搞不还要因此背锅。因此，我们前端一定要学会如何mock数据。

为什么要mock数据？

为什么要mock数据？

要回答这个问题，我们就得先大致回顾一下，一个项目开发的大概流程：

• 一个项目的开始，往往是一个产品经理（或者项目经理）牵头；

• （没有甲方直接跳过）然后去和甲方确定需求（原型图）；

• 确认好需求后，确认分工，UI、前端、后端并行开发；

• 最后，开发完毕，测试，交付（上线）；

知道了一个项目开发的大概流程，我们就知道了，确认分工后UI、前端、后端是并行工作的，我们不可能等到ui出设计图才搭建页面，接口出了才接口。

如果工期长无所谓，但是我相信没有人会一直这么幸福。

所以，我们应该在确认好需求后，就开始创建项目，先按照原型图搭建静态页面，等ui出设计图了，先初步还原一下ui。然后再接入交互逻辑。

什么是mock数据？

什么是mock数据？

mock数据就是我们接入交互逻辑用的假数据。

当然，在开工之前，我们一定要先和后端确定好接口的数据格式，最好可以确定到字段。

怎么mock数据？

确定好接口后，我们mock数据，这里以fastmock为例：

然后，等接口出来了，把服务地址换一下就OK了。

当然，更多的时候是确定不了接口的数据格式，更确定不了字段。

那怎么办？？？

那我们可以创建一个文件，自己确定好数据格式。

等接口出来了，自己再转一下格式。

结语

本文到此结束

如果大家还有什么其他想法，欢迎在评论区交流！