React --Json Server

在这里插入图片描述
常见mock方案
1.代码入侵
在这里插入图片描述
2.请求拦截
代表mock.js
在这里插入图片描述
3.接口管理工具
代表:rap\swagger\moco\yapi
在这里插入图片描述
4.本地node服务器
在这里插入图片描述
在这里插入图片描述

json server配置

安装:npm i json-server -g

在根目录生成一个db.json
启动json-server json-server --watch db.json
在这里插入图片描述
访问红框内命名的接口,就可以在postman中访问了
在这里插入图片描述
在postman增删改查
在项目中我们可以设置一个__json_server_mock__文件,然后里面定义db.json文件,我们在package.json中的script 添加"json-server": "json-server __json_server_mock__/db.json --watch"
这样npm run json-server运行。
这样我们就配好了mock。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值