前端mock数据

常见的MOCK方案

1.代码侵入

直接在前端代码中写死数据,或者请求本地的JSON文件。

缺点:

在真实 Server 环境的切换非常麻烦,需要侵入代码切换环境

2.Mock.js

Mock.js 通过请求拦截的方式实现

缺点:

1.数据都是动态生成的假数据,无法真实模拟增删改查的情况。
2.只支持 ajax,不支持 fetch。

安装和使用
文档及示例

3. 接口管理工具

代表:rap, swagger,moco, yapi

优点:

配置功能强大,接口管理与 Mock 一体,后端修改接口 Mock 也跟着更改,可靠。

缺点:

配置复杂,严重依赖后端,可能会出现后端不愿意出手,或者等配置完了,接口也开发出来了的情况。
一般会作为大团队的基础建设而存在。

4. 本地 node 服务器

代表:json-server

安装和使用

优点:

1.配置简单,json-server 甚至可以 0 代码 30 秒启

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值