Charles 手机抓包

PC 端 http 资源抓包 （Mac 电脑示范）

1. 下载 charles 软件 https://www.charlesproxy.com/download/

2. 打开 charles，选择 Proxy－Mac OS X Proxy，这样，浏览器刷新页面，http 资源就可以打印到 charles 里面。如图：

   
   
   image.png

PC 端 https 资源抓包 （Mac 电脑示范）

1. 安装证书：

   
   
   image.png
   
   
   image.png
   
   
   image.png

2. 选择 Proxy － SSL Proxying Settings 选项，在 SSL Proxying 这块，新加一个 *443 , 这样，就完成 https 的抓包啦

   
   
   image.png
   
   
   image.png

charles 老闪退解决办法（注册码）：
https://www.cnblogs.com/nicece/p/10019872.html

手机抓包的过程

1. 手机安装证书：
   1. 手机连接电脑Ip地址
   2. 手机浏览器打开http://charlesproxy.com/getssl 或者 chls.pro/ssl
      ，进行安装
2. 手机安装的证书需要进行认证，通用-关于本机-证书信任设置
3. iphone为列：设置－无线局域网－点击wifi 最右边－配置代理－手动；输入 IP地址和端口号，点击保存即可

4. 接下来，就可以去 app 端里，抓请求啦

   
   
   image.png
   
   
   image.png

charles Mock 数据操作

1. charles 抓到请求的数据，选择接口，右键－Map Local ；选择本地一个json 即可完成mock

   
   
   image.png
   
   
   image.png

手机端访问页面，以及接口mock代理，charles 解决跨域

1. 选择 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

这是我个人工作总结的。不对的还希望和大家一起指正学习！