2022年了，数据mock对于前端开发也是必不可少的知识点。因为现在前后端开发往往都是并行的，经常会出现前端页面已经完成，而后端接口还未写完的状况。所以学会mock数据可以大大加快前端的工作进度，是很有用滴~

常见mock方案

1.代码侵入

直接在代码中写死mock数据，或者请求本地json文件

优点

几乎没有

缺点

1.相比于其他方案，效果不好

2.当切换到真实server环境时非常麻烦，一切需要侵入代码切换环境的做法都是不好的

代表

mock.js

优点

1.与代码侵入相比，和前端业务代码分离了

2.可以生成随机数据

缺点

1.数据都是动态生成的假数据，无法模拟增删改查的情况

2.原理基于XMLHttpRequest，所以只适用于ajax，不适用于fetch

代表

rap、swagger

优点

配置功能强大，接口管理与mock数据一体，后端修改接口mock数据也一起改

缺点

1.配置复杂，依赖后端。可能后端不愿意出手去写，或者等配置完成了，接口也开发完了

2.一般是大团队的基建，需要一定的条件

代表

json-server

优点

1.配置简单

2.自定义程度高

3.增删改查模拟真实

缺点

几乎没有

1.npm i json-server -g

2.写好你的json文件 ------ xx.json

3.json-server --watch xx.json

小tip

json-server自动添加了跨域请求头哦

记录记录！