Charles 手機抓包

http 資源抓包 （Mac 電腦示範）

1. 下載 charles 軟件 www.charlesproxy.com/download/
2. 打開 charles，選擇 Proxy－Mac OS X Proxy，這樣，瀏覽器刷新頁面，http 資源就能夠打印到 charles 裏面。如圖：

   

兩個步驟，咱們就能夠輕鬆訪問 http 資源啦

https 資源抓包（Mac 電腦示範）

1. 在上面兩步驟的基礎之上，選擇 Proxy － SSL Proxying Settings 選項
2. 打開 SSL Proxying Settings 面板，在 SSL Proxying 這塊，新加一個 *443 , 這樣，就完成 https 的抓包啦

   

   

   

手機抓包的過程

1. 手機安裝證書：
   1. 手機鏈接電腦Ip地址
   2. 手機瀏覽器打開http://charlesproxy.com/getssl，進行安裝
2. iphone爲列：設置－無線局域網－點擊wifi 最右邊－配置代理－手動；輸入 IP地址和端口號，點擊保存便可
3. 接下來，就能夠去 app 端裏，抓請求啦

   

   

charles Mock 數據操做

1. charles 抓到請求的數據，選擇接口，右鍵－Map Local ；選擇本地一個json 便可完成mock

   

   

手機端訪問頁面，charles 解決跨域

1. 選擇 Tools－Rewrite，裏面對應的內容都填寫ok，點擊 Apply 就解決啦

   

   

上圖裏面的內容：你們能夠直接複製到對應的裏面便可

name：Untitled Set
Rules：
1. Type：Remove Header
勾選 Request  和 Response
Match：
    Name：Access-Control-Alloq-Origin

2. Type: Add Header
勾選 Request  和 Response
    Replace:
Name: Access-Control-Allow-Origin
Value: ＊
勾選 Replace First

複製代碼

瀏覽器解決跨域

chrome 瀏覽器能夠安裝一個插件：Allow-Control-Allow-Origin

這是我我的工做總結的。不對的還但願和你們一塊兒指正學習！