react json-server + mock.js

本文介绍了如何结合react、json-server和mock.js来模拟数据接口。讲解了json-server的基本用法,包括根据db.json文件创建REST API,并讨论了mock.js的特点和在项目中的使用步骤,如设置代理、启动服务器以及组件内部如何发起请求。
摘要由CSDN通过智能技术生成

react json-server + mock.js

json-server

json-server
官网: https://www.npmjs.com/package/json-server
中文: https://www.cnblogs.com/fly_dragon/p/9150732.html

json-server使用规则:

  1. json-server把db.json 根节点的每一个key,当作了一个router。我们可以根据这个规则 来编写测试数据;
  2. 建立的rest api服务默认可以在局域网中通过WIFI访问接口。;
  3. 可以作为诸如 Express 之类框架的中间件使用;
  4. 实体=数组=列表 可以查询分页…;
  5. routes.json 路由;
  6. & 左右都为必传参数;
  7. 自定义路由,输出,校验;

mock.js

mock.js特点:
1、独立的 mock server 存在
2、 作为一个数据构造器来使用
3、不能跨域使用
4、 与某些框架中的路由处理逻辑冲突
5、无法定义复杂的数据结构
6、无法自定义较为复杂的路由
7、数量为1时,检索总是会返回第一条
8、 mockjs的缺点交给json-server
9 、简洁: 会用,会改

mock.js使用过程

1、 mock目录拷贝到项目下<

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值