使用Charles实现本地数据mock

使用Charles实现本地数据mock 一 老版本Charles使用

1. 准备Charles工具,没有的话去下载(https://www.charlesproxy.com/latest-release/download.do)，如下图这玩意

2. js发送axios请求

   

3. 桌面新建mock文件(不一定要桌面，其他位置也可以，只要记住就行)

   

   

4. 打开charles,步骤如下

   

5. 勾选Enable Map Local,然后点击Add

   

6. 根据项目运行地址填写端口号

   

   

7. 勾选，然后ok

   

8. 刷新浏览器，如果接口正常返回200，那么恭喜你，你的版本属于比较低的，如果接口还是报404，那么继续往下看吧

二 新版本如何使用？

方案一：把之前的host的localhost改成ip,项目使用ip访问即可。

方案二 把之前的locahost改为localhost.charlesproxy.com

到这里，mock文件的内容也能读取到了。你学会了嘛？

总结：Charles老版本不在支持Host为localhost访问本地文件，可以使用ip进行访问,如果一定要用localhost，请使用映射localhost.charlesproxy.com ▼ 往期精彩回顾 ▼ React组件与生命周期 React函数组件和Class组件以及Hooks Redux使用之我要买个女朋友（入门篇） 2020年最火爆的Vue.js面试题 前端面试汇总