Charles(自行下载)=>此工具用来模拟接口返回的数据,安装在本地

在开发过程中我们少不了需要些动态数据,除了用mock模拟动态数据,Charles也是不错的选择,更方便

  • 先在某个地方创建一个.json文件,用来手动写数据
  • 打开工具,点Tools=>然后点 Map Local
  • 当前是空的内容=> 点add增加一个配置项
  • Protocal=>http当你访问http协议
  • Host=>localhost这个域名下的
  • Port=>3000端口下的,(端口随便定义对的上就行)
  • Path=>/api/todolist (路径自己定义,用的时候一样就可以拿到数据)
  • Map to Local path => 点Choose 帮助我们把这个请求,链接到对应的.json文件下
  • 点Ok => Enable Map Local的勾打上,所要用的接口前面的勾也要一并打上
  • 页面上 axios.get("/api/todolist") 刷新下就有返回数据了
Charles就是个代理服务器它能抓到中间浏览器的请求,如果路径和配置的一样,他就返回给你所对应的.json里的内容

结语

前端react QQ群:788023830 ---- React/Redux - 地下老英雄

前端交流 QQ群:249620372 ---- FRONT-END-JS前端

(我们的宗旨是,为了加班,为了秃顶……,仰望大佬),希望小伙伴们加群一起学习

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值