一、背景
前文的http请求都是静态的，像compose a new request，仅适用于接口的自测。
回放repeat 一个 http 请求，也无法做到动态调试。
这里的动态还是静态，是站在客户端的角度，数据是实时的，可调试的。
调试的返回数据报文，又可以分为两种：
- 本地Local
- 远程Remote
本地Local，不变的数据，类似于Mock数据，但对客户端是透明的。
远程Remote，实时变化的数据，存储在远程服务。好处是，可断点调试接口。
本文的重点是远程Remote方式，无论客户端访问的是测试环境还是生产环境，都可以被转发到你本地的环境。
二、架构
1、Map Local
2、Map Remote
三、Map Local
适用于以下场景：
- api接口重定向
- js/css重定向
- html重定向
1、api接口重定向
把响应报文存储在本地文件里，修改为你需要的报文，最后设置Map规则。
接口的映射规则匹配后，直接返回本地Json文件的内容。见上~
2、js/css重定向
对于前端来说，数据不在本地，当需要调试页面样式的时候，可以把js和css请求转发到本地。
3、html重定向
跟上面的类似，方便前端开发人员调试页面，因为本地没有数据。
四、Map Remote
把192.168.80.226:9039请求转发到192.168.10.19:9039上。
把客户端的请求转发到远程服务器，填写Map规则，示例见下：
把客户端以/api/v1/work/*开头的接口转发到后端服务。
这个后端服务，可以是任何机器上的应用进程，包括本地。
适用于以下场景：
- 测试环境的接口转发到本地
- 接口调试
五、总结
通过接口映射工具，可以轻松修改客户端的响应报文，注意不能修改请求报文！！
如果需要修改请求报文，需借助于另外一款工具： Rewrite 。
从这里也可以看出来，如果你的服务使用http协议，使用代理工具charles后，就可以随意修改接口的响应报文。
期望展示的是图片A，结果看到的是图片B，出现“宜春是一座叫春的城市”，也就不奇怪了。
附录
Charles抓包工具系列文章（一）-- Compose 拼接http请求
Charles抓包工具系列文章（二）-- Repeat 回放http请求
Charles抓包工具系列文章（三）-- 接口映射工具（Map Remote和Map Local）
Charles抓包工具系列文章（四）-- Rewrite 重写工具
Charles抓包工具系列文章（五）-- DNS spoofing (DNS域名伪装)
Charles抓包工具系列文章（六）-- Block List 和 Allow List （黑白名单）
