React模拟数据

前言

如果你学会了，可以忽略本文章，或去项目经验地图寻找更多答案

---

模拟数据

解决问题：后端接口开发好之前，如何开发业务？答案就是模拟数据

模拟数据的方式

一.代码入侵，(json文件，或者在代码中写)
缺点：
与真实的server环境切换非常麻烦，删除

二.请求拦截（mockjs）
优点：
1.与前端代码分离
2.可生成随机数据
缺点：
1.数据都是动态生成的假数据，无法真实模拟增删改查的情况
2.只支持axios，不支持fatch

三.接口管理工具（swagger, yapi）
优点：
1.配置功能强大，接口管理与mock一体，后端修改接口，mock也跟着修改
缺点：
1.配置复杂，依赖后端
2.一般会作为大团队的基础建设而存在

4.本地node服务器（json-server）
优点：
1.配置简单
2.自定义程度高，一切尽在掌握中