最近學習react，使用Charles mock數據。結果API 404。真的是氣死人，昨天晚上解決了四個小時，都是沒有解決出來，我今天早上也是解決了一早上，最後才解決出來的，現在=新的Charles 4.28的，跟一起的是不一樣的，不會自動顯示在左側，只會運行外部的數據，不能運行在左側的數據
使用的是
我的react項目運行在本地 3000端口，本地訪問localhost:3000, 下圖是在react組件中 生命週期裏API的調用
- API請求地址 http://localhost.:3000/api/todolist
- 在桌面創建了一個名爲todolist的JSON文件
- 在Charles裏Tools下 使用map local來模擬http請求返回
- 具體配置：Map From,包含協議、端口號、地址等；Map To裏 Local path就是本地文件的路徑，在這裏指向了本地的todolist.json
![]()
結果😂😂😂😄😄😂😂😂
項目裏調用，Charles代理，應該是可以了的，但是 API調用結果404...
- 在本地瘋狂刷新頁面，發現Charles 只抓取了線上的包，並沒有抓取到我本地localhost的
- 有個神仙(某種場外救援:這個肯定是大廠裏面的人說的呀 👻👻👻👻)說可能是Charles升級導致的 本地可以嘗試訪問http://localhost.charlesproxy.com:3000
- 嘗試訪問了下 發現react項目真的也運行在這個神奇的域名下，Charles也可以抓到這個域名下的包
map local也配置在這個神奇的域名下就可以了
現在返回正常了
解決好勒，這個問題，現在吃飯也香了，睡覺也踏實了，現在走路都是六親不認的步伐啦，😎😎😎😎😎😎😎🤗🤗🤗😎😎😎😎