Charles mock数据时出现404报错的解决方法

背景

最近在学react,尝试用Charles来模拟后台数据，这样也省的又去编写后台，对于前后端分离中对于我们前端mock数据比较方便。但用的时候却出错辽~~~~

问题

按照一些教程，我下载完Charles后事是这样配置的：
点击Tools下的map local setting,然后配置如下：

local path是映射到本地的文件的路径，即我们需要mock的数据就放在该路径下
那理论上本地想访问到这个mock数据应该是通过 http://localhost:3000/api/todolist来获取
但是。。。。。

我太难了~~~~~

经过几分钟（实际上是几十分钟）的排查，我找到了解决的方法，其实也是看了这个老兄的https://segmentfault.com/a/1190000018765258?utm_source=tag-newest

好了，我的解决方法如下：

解决办法

首先，Charles 的map local setting那里设置成这样：

本地项目启动地址：

项目里请求数据的地址为：

http://localhost.charlesproxy.com:3000/api/todolist 

ok~~~~~~

成功返回mock的数据

总的来说就是把localhost换为localhost.charlesproxy.com