react初学，关于在mac中使用charles获取mock数据，出现404的问题
一、下载charles（试用30天）
charles文件包下载 密码:nrwu
- 双击解压
- 打开文件，有三个文件，把charles.app添加到应用程序中
- 在应用程序中右击chalers.app选择显示文件，找到其中java文件中替换charles.jar文件
- 打开charles应用，等待成功打开即可。
二、配置charles
- 可以注册一下
- 找到help，设置CA证书
- 证书下载好了，需要在钥匙串里设置访问权限为：始终允许 —Charles Proxy CA -证书
- 回到charles中，设置proxy，找到SSL Proxy Setting… 在里面设置ssl proxy为 * charlesproxy.com:3000* (一定要设置CA)
- 此时charles的配置就完成了
三、获取ajax请求
- 桌面touch data.json, 并输入数据
- charles中选择tools, 打开map local, 配置http地址映射------可以把mac os x proxy打开观看连接情况(一定要打开)
- 注意此时的域名不是localhost----需要改写为localhost.charlesproxy.com—其它的正常写就好了
- 在react项目中将请求地址对应修改
- 在浏览器中使用http://localhost.charlesproxy.com:3000访问即可—成功为“success”
四、 总结
这个小问题纠结了好久，看了网上大多的文章，意思差不多就稍微整理了一下，方便自己查阅和初学者学习。主要是charles中要配置一个CA证书（charlesproxy), 从而通过域名localhost是获取不到资源的，加上后缀即可，最后项目一定要通过修改后的网址访问资源。加油加哟！