使用Charles完成本地文件映射

什么是本地映射

一般我们在浏览器中发起一个请求的时候一般是这样的：

1、输入www.baidu.com按下回车
2、浏览器根据根据DNS协议，解析地址找到IP地址：128.96.xx.xxx，浏览器知道了，我的请求其实要发到128.96.xx.xxx这个服务器去。
3、主机浏览器和目标服务器建立TCP连接
4、浏览器通过http协议发送请求
5、服务器发出响应（返回数据）

你可能要问了，那我直接把请求发到128.96.xx.xxx这个地址去不就行了，为什么还要输入baidu呢。
这就像你在网上冲浪要起一个网名一样了，把主机地址直接暴露在外面是很危险的一件事情，于是我们就有了域名，有了域名我们得把“网名”和“真名”给对应起来吧，我们就有了DNS域名解析协议，用于解析域名得到真正的IP地址。

那我们的代理要做什么呢？

就是在发送请求的时候，截获你的请求，把你的请求转发出去，举个例子：

1、输入www.baidu.com，解析目标地址
2、charles截获请求，重定向请求到设置的地址/文件
…

当你的目标文件是一个json文件时，欸，我们就可以直接模拟返回数据了。

首先我们下载一个charles，装好打开，再准备一个本地json文件，内容根据你想要的来。

打开charles，Tools——map local，点击add添加一个本地映射：

主机号和端口号是我随便填的，这个没有关系可以自定义，到时候只要是http://192.168.137.1:33888/test这个地址的请求，charles都会给映射到res.json这个本地文件

设置好之后一路确定下去，在浏览器里我们请求一下：

发现就可以返回我们要的数据了，在没有后端自己又需要调试客户端代码的情况下，用charles进行本地映射非常方便！