08.react的mock工具和proxy

mock 数据工具

https://gitee.com/rh_hg/json-server?_from=gitee_search

全局安装json-server ，在本地构建数据接口
npm install -g json-server (json-server --version 查看版本号)

找到mock文件夹目录 ： json-server .\data.json --port 4000 -w
(-w 实时检查文件更改)

json-server的常用命令

前后端并行开发的痛点
前端需要等待后端开发完接口以后 再根据接口来完成前端的业务逻辑
解决方法
在本地模拟后端接口用来测试前端效果 这种做法称之为构建前端Mock
json-server
获取一个模拟的功能齐全的api接口 不需要敲代码 小于30s即可搞定

json-server使用
全局安装json-server命令行工具

npm install -g json-server

准备一个json文件
存储数据
生成接口
启动

json-server ./db.json

接口说明

GET 请求数据列表

localhost:3000/users

GET 请求指定ID的数据

localhost:3000/users/1

GET 请求指定字段值的数据

localhost:3000/users?name=李四&age=15

GET 数据分页

localhost:3000/users?_page=1&_limit=2<