在Mac使用Charles mock前端数据404问题

最近学习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也配置在这个神奇的域名下就可以了

 

现在返回正常了

 

解决好勒，这个问题，现在吃饭也香了，睡觉也踏实了，现在走路都是六亲不认的步伐啦，??????????????