mac中關於charles訪問本地數據，出現404的問題解決

一、下載charles（試用30天）

charles文件包下載 密碼:nrwu

1. 雙擊解壓
2. 打開文件，有三個文件，把charles.app添加到應用程序中
3. 在應用程序中右擊chalers.app選擇顯示文件，找到其中java文件中替換charles.jar文件
4. 打開charles應用，等待成功打開即可。
   

二、配置charles

1. 可以註冊一下
2. 找到help，設置CA證書
   
3. 證書下載好了，需要在鑰匙串裏設置訪問權限爲：始終允許 —Charles Proxy CA -證書
4. 回到charles中，設置proxy，找到SSL Proxy Setting… 在裏面設置ssl proxy爲 * charlesproxy.com:3000* 　(一定要設置CA)
5. 此時charles的配置就完成了

三、獲取ajax請求

1. 桌面touch data.json, 並輸入數據
2. charles中選擇tools, 打開map local, 配置http地址映射------可以把mac os x proxy打開觀看連接情況(一定要打開)
3. 注意此時的域名不是localhost----需要改寫爲localhost.charlesproxy.com—其它的正常寫就好了
4. 在react項目中將請求地址對應修改
5. 在瀏覽器中使用http://localhost.charlesproxy.com:3000訪問即可—成功爲“success”

四、 總結

這個小問題糾結了好久，看了網上大多的文章，意思差不多就稍微整理了一下，方便自己查閱和初學者學習。主要是charles中要配置一個CA證書（charlesproxy), 從而通過域名localhost是獲取不到資源的，加上後綴即可，最後項目一定要通過修改後的網址訪問資源。加油加喲！