PC 端 http 资源抓包 （Mac 电脑示范）
- 下载 charles 软件 https://www.charlesproxy.com/download/
-
打开 charles，选择 Proxy－Mac OS X Proxy，这样，浏览器刷新页面，http 资源就可以打印到 charles 里面。如图：
image.png - charles 反复重新登录解决办法：
第一：激活注册码：https://www.zzzmode.com/mytools/charles/
第二：charles——》Hepl，选择第一个选项，输入RegisterName和注册码即可。
PC 端 https 资源抓包 （Mac 电脑示范）
-
安装证书：
image.png
image.png
image.png -
选择 Proxy － SSL Proxying Settings 选项，在 SSL Proxying 这块，新加一个 *443 , 这样，就完成 https 的抓包啦
image.png
image.png
手机抓包的过程
- 手机安装证书：
- 手机连接电脑Ip地址
- 手机浏览器打开http://charlesproxy.com/getssl 或者 chls.pro/ssl
，进行安装
- 手机安装的证书需要进行认证，通用-关于本机-证书信任设置
- iphone为列：设置－无线局域网－点击wifi 最右边－配置代理－手动；输入 IP地址和端口号，点击保存即可
-
接下来，就可以去 app 端里，抓请求啦
image.png
image.png
charles Mock 数据操作
-
charles 抓到请求的数据，选择接口，右键－Map Local ；选择本地一个json 即可完成mock
image.png
image.png
手机端访问页面，以及接口mock代理，charles 解决跨域
-
选择 Tools－Rewrite，里面对应的内容都填写ok，点击 Apply 就解决啦
image.png
image.png
image.png
image.png
上图里面的内容：大家可以直接复制到对应的里面即可
name：跨域
Rules：
1. Type：Remove Header
勾选 Response
Match：
Name：Access-Control-Alloq-Origin
2. Type: Add Header
勾选 Response
Replace:
Name: Access-Control-Allow-Origin
Value: ＊
勾选 Replace All
3. Type: Remove Header
勾选 Response
Match:
name: Access-Control-Allow-Credentials
勾选 Replace All
浏览器解决跨域
chrome 浏览器可以安装一个插件：Allow-Control-Allow-Origin
image.png
这是我个人工作总结的。不对的还希望和大家一起指正学习！
