问题描述
最近学习 react，使用 Charles mock 数据。结果 API 404。
配置过程 (问题复现)
react 部分
react 项目运行在本地 3000 端口，本地访问 localhost:3000, 下图是在 react 组件中 生命周期里 API 的调用
API 请求地址 http://localhost.:3000/api/todolist
Charles 部分
在桌面创建了一个名为 todolist 的 JSON 文件
在 Charles 里 Tools 下 使用 map local 来模拟 http 请求返回
具体配置：Map From, 包含协议、端口号、地址等；Map To 里 Local path 就是本地文件的路径，在这里指向了本地的 todolist.json
结果
项目里调用，Charles 代理，应该是可以了的，但是 API 调用结果 404…
思路
在本地疯狂刷新页面，发现 Charles 只抓取了线上的包，并没有抓取到我本地 localhost 的
有个神仙 (某种场外救援) 说可能是 Charles 升级导致的 本地可以尝试访问 http://localhost.charlesproxy…:3000
尝试访问了下 发现 react 项目真的也运行在这个神奇的域名下，Charles 也可以抓到这个域名下的包
解决方法
map local 也配置在这个神奇的域名下就可以了
现在返回正常了