一、常见的mock数据
1、请求拦截
代表: Mock.js
优点:
- 与前端代码分离;
- 可生成随机数据;
缺点:
- 数据都是动态生成的假数据,没法真实模拟增删改查的情况;
- 只支持ajax,不支持fetch;
2、接口管理工具
优点:
- 配置功能强大,接口管理与mock一体,后端修改接口,mock也跟着修改,可靠
缺点:
- 配置复杂,依赖后端,有的后端不愿出手,或等配置完之后接口也开发完了的情况;
- 一般作为大团队的基础建设而存在
3、本地node服务
代表:json-server
优点:
- 配置简单,json-server可以0代码 30s启动一个REST API Server;
- 自定义程度高;
- 增删改查真实模拟;
缺点:
- 与接口管理工具相比,无法随着后端修改数据而自动修改
REST API :
二、项目中使用json-server
2.1 安装/配置 json-server
安装:
npm install -g json-server
配置:
在项目中新建文件夹,创建db.json文件;
配置package.json文件:
"json-server": "json-server __json_server_mock__/db.json --watch"
运行:
npm run json-server