Window React.js 使用最新版 Charles mock 的 Map Local 模拟前端数据Api请求时出现404请求失败的问题解决方案

按照正常步骤配置,却发现请求出现404错误

GET http://localhost:3000/api/todolist 404 (Not Found)


1. Http请求没有问题        
2. host地址没有问题         
3. port端口没有问题         
4. path配置也没有问题       
5. 建立的Json格式也没有问题 


以下的部分图片展示
Window React.js 使用最新版 Charles mock 的 Map Local 模拟前端数据Api请求时出现404请求失败的问题解决方案Window React.js 使用最新版 Charles mock 的 Map Local 模拟前端数据Api请求时出现404请求失败的问题解决方案Window React.js 使用最新版 Charles mock 的 Map Local 模拟前端数据Api请求时出现404请求失败的问题解决方案Window React.js 使用最新版 Charles mock 的 Map Local 模拟前端数据Api请求时出现404请求失败的问题解决方案

原因是,我使用了最新版的Charles,导致了这个问题的出现。
新版本的Charles,默认使用localhost作为地址的话,无法抓取本地的数据,会一直抓线上的数据,所以才导致,请求时找不到Api,因此,显示404,请求失败。

解决方案:
1. 重新进入Map Local配置中,重新配置Host。
2. 将Host的地址改为:localhost.charlesproxy.com,而不再是之前的localhost。
3. 再将访问的localhost:3000,改成http://localhost.charlesproxy.com:3000。
4. 完美解决!!!!

Window React.js 使用最新版 Charles mock 的 Map Local 模拟前端数据Api请求时出现404请求失败的问题解决方案Window React.js 使用最新版 Charles mock 的 Map Local 模拟前端数据Api请求时出现404请求失败的问题解决方案