为了账号安全,请及时绑定邮箱和手机立即绑定

Charles"傻瓜式"创建测试接口

标签:
JavaScript
Charles是一款强大的"抓包工具",同时也能为本地开发提供数据接口, Charles是跨平台的软件, 无论你是mac用户, 或是windows,Linux用户, 都能得到很好的使用体验!

https://img1.sycdn.imooc.com//5d5e001000012a4507590577.png

1. 开启charles, 打开本地映射

https://img1.sycdn.imooc.com//5d5e00120001a4d007340380.png

2.创建静态json文件, 如api.json

{    "todolist": ["学习React-trunk", "学会使用iconfont", "学会使用redux-immutable"]
}

3. 配置本地接口映射

  • 目标: 在本地的3000端口开启服务

https://img1.sycdn.imooc.com//5d5e001600016d7907370336.png


填完配置信息后, 点击ok, 确认配置


https://img1.sycdn.imooc.com//5d5e0019000181f007340348.png

4.测试接口信息

https://img1.sycdn.imooc.com//5d5e001d00012d5707480353.png

小结

  • 用Charles创建数据测试接口, 可以很好的解决跨域请求的问题

  • 配置Charles数据接口是非常简单的, 善用工具可以极大提高我们的开发效率



作者:木子昭
链接:https://www.jianshu.com/p/33c0768dd9d1

点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消