关于mock数据的几种方式优缺点以及json-server使用

一、常见的mock数据

1、请求拦截

代表： Mock.js

优点：

• 与前端代码分离；
• 可生成随机数据；

缺点：

• 数据都是动态生成的假数据，没法真实模拟增删改查的情况；
• 只支持ajax,不支持fetch;

2、接口管理工具

代表：rap, swagger, moco, yapi

优点：

• 配置功能强大，接口管理与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