一起养成写作习惯！这是我参与「掘金日新计划 · 4 月更文挑战」的第27天，点击查看活动详情。

前言

什么是charles抓包？

因为我们前端经常要请求后端的接口，在pc端我们可以通过google浏览器的控制台可以查看请求等等，如果是在移动端，就不好查看。这时候我们就可以通过charles抓到发起的请求以及响应。方便我们查看。

最近在开发公司的项目，需要使用charles抓包，那么就把我使用过程中遇到的问题以及经验都总结下。

charles抓包

我升级我的mac系统之后，打开charles，点击mac proxy（代理）弹出了这个框

貌似是说charles在只读宗卷上，然后导致不能配置代理配置。

你去抓包就发现charles界面是一片空白

那么就需要更改权限，亲测有效的命令：

sudo chown -R root "/Applications/Charles.app/Contents/Resources"
sudo chmod -R u+s "/Applications/Charles.app/Contents/Resources"

大意是先让root用户有charles app的权限，然后再让我们可以跟root一样去操作Charles的权限。

然后就可以抓包了。

还有一种情况需要注意，那就是开代理，会导致不能抓包。所以我们抓包的时候需要先把代理vpn工具先关掉，再去抓包。这个要切记！！！

这个需要安装https证书，否则抓到的包都是unknown。

在Helptab下，选择ssl proxy设置

默认安装在钥匙串中，然后是不信任的，默认我们需要把它设置成始终信任。

然后我们在charles的Proxy下，勾选macOS Proxy, 选择SSL Proxying Settings,配上*:443 *是所有域名，你也可以写具体的域名，443是https的端口。

这样子就能抓包https的包了。

有时候我们想把接口的各个不同值都想测试一遍，如果让后端同事改，有时候不那么方便。所以，我们就可以利用charles的代理本地数据实现。

我们先右键把请求的接口存到本地，然后通过它的Map local功能。把它的请求指向刚刚本地存储的接口文件。

保存后重新请求，接口就代理到本地了，后面我只要改本地文件就可以测试了。