Charles的下载与安装
-
以下是charles4.7.2版本与jar包，从链接下载安装包：
-
点击程序进行安装
-
安装完成之后用 .jar 文件替换掉lib里面的Charles.jar文件即可（即**）
较新版本的map local配置后依旧404问题
问题描述
- Charles的安装和配置都是按照步骤，请求头，域名，端口，地址，相关的json文件代码都没有任何问题，但是抓取不到本地的api，一直报404错误。代码和图片展示如下：
react代码：
- react项目运行在本地3000端口，下图是在组件的生命周期里发送ajax请求，调用’/api/todolist’
- API 请求地址为：http://localhost:3000/
Charles配置：
- 前后对比了很多次确保自己的步骤和名称都没有任何错误，但是很奇怪就是不能访问，然后就开始各种搜索，看到有人说可能是因为Charles的版本升级，导致了这个问题的出现。较新版本的Charles，默认使用localhost作为地址的话，无法抓取本地的数据，会一直抓线上的数据，所以请求时找不到Api。可以尝试访问http://localhost.charlesproxy.com:3000/，重新配置Map Local。
如何解决
- 如下图
- 然后访问本地的域名也换成： http://localhost.charlesproxy.com:3000/
- 很神奇的ajax请求就这样成功了
- 可以看到Charles也能抓取到本地的域名了
- 今天这个问题就开心的解决啦 ~