使用Charles实现本地数据mock

 

使用Charles实现本地数据mock

 

一、老版本Charles使用

  1. 准备Charles工具,没有的话去下载(https://www.charlesproxy.com/latest-release/download.do),如下图这玩意使用Charles实现本地数据mock

  2. js发送axios请求

    使用Charles实现本地数据mock

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

    使用Charles实现本地数据mock

    使用Charles实现本地数据mock

  4. 打开charles,步骤如下

    使用Charles实现本地数据mock

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

    使用Charles实现本地数据mock

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

    使用Charles实现本地数据mock

    使用Charles实现本地数据mock

  7. 勾选,然后ok

    使用Charles实现本地数据mock

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

 

 

 

 

二、新版本如何使用?

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

使用Charles实现本地数据mock

使用Charles实现本地数据mock

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

使用Charles实现本地数据mock

使用Charles实现本地数据mock

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

使用Charles实现本地数据mock使用Charles实现本地数据mock

 

 

 

总结:Charles老版本不在支持Host为localhost访问本地文件,可以使用ip进行访问,如果一定要用localhost,请使用映射localhost.charlesproxy.com

 

 

使用Charles实现本地数据mock

使用Charles实现本地数据mock

使用Charles实现本地数据mock

相关文章: