使用charles工具构造拦截接口返回数据方法

使用场景

有些前台展示的数据，后台接口不太好构造的时候，然后还要看页面展示的效果或者页面响应的效果时，可以用到此种方法（比如未读消息展示99+，或者想要构造某个出参大于或者小于某个值，等等场景）

备注：这里我附上很详细的charles配置的教程，我在这里搬运一下，做个记录吧，省的到处搬运

Charles抓包安装使用教程 - 知乎

操作步骤

1.打开charles工具，然后触发业务，抓取接口，然后找到对应的接口，选中后右键选择save response，将接口返回数据保存到本地

2.打开保存到本地的接口响应文件，将需要修改的接口出参字段值修改一下，我是将这个出参的值改了一下，见下图。

3.然后在工具中选中接口，点击Tools，见下图

4.然后添加接口地址，点击Add(下图我已经加过了，首次进入，列表应该是空白的)

5.上方是接口的拼接，下方点击choose，然后选择本地保存的文件

 

6.以上操作完成后，就可以再次触发业务，重新抓一下接口看下是否生效了，见下图

7.然后看下前台的展示效果(此步骤根据自己业务来验证)

备注：如果仅仅想改response中的部分返回参数的值，可以使用rewrite方法，见下图（这里有个遗留问题，就是想修改返回的中文没有生效，按照网上说的请求头加了CharSet=UTF-8也不行，这里留作一个问题待后面解决吧）：