PC 端 http 資源抓包 （Mac 電腦示范）
- 下載 charles 軟件 https://www.charlesproxy.com/download/
-
打開 charles中鼠，選擇 Proxy－Mac OS X Proxy，這樣沿癞，瀏覽器刷新頁面援雇，http 資源就可以打印到 charles 里面。如圖：
image.png - charles 反復(fù)重新登錄解決辦法：
第一：激活注冊碼：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
手機(jī)抓包的過程
- 手機(jī)安裝證書：
- 手機(jī)連接電腦Ip地址
- 手機(jī)瀏覽器打開http://charlesproxy.com/getssl 或者 chls.pro/ssl
揖铜，進(jìn)行安裝
- 手機(jī)安裝的證書需要進(jìn)行認(rèn)證茴丰，通用-關(guān)于本機(jī)-證書信任設(shè)置
- iphone為列：設(shè)置－無線局域網(wǎng)－點擊wifi 最右邊－配置代理－手動；輸入 IP地址和端口號天吓，點擊保存即可
-
接下來贿肩，就可以去 app 端里，抓請求啦
image.png
image.png
charles Mock 數(shù)據(jù)操作
-
charles 抓到請求的數(shù)據(jù)龄寞，選擇接口汰规，右鍵－Map Local ；選擇本地一個json 即可完成mock
image.png
image.png
手機(jī)端訪問頁面物邑，以及接口mock代理溜哮，charles 解決跨域
-
選擇 Tools－Rewrite滔金，里面對應(yīng)的內(nèi)容都填寫ok，點擊 Apply 就解決啦
image.png
image.png
image.png
image.png
上圖里面的內(nèi)容：大家可以直接復(fù)制到對應(yīng)的里面即可
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
這是我個人工作總結(jié)的茬射。不對的還希望和大家一起指正學(xué)習(xí)鹦蠕！
