使用Charles断点修改接口返回数据

• 问题：数量/金额原来接口是用一个字段返回，由于业务需要换行展示，后端便拆分成了两个字段，前端则需要用新拆分的字段去取值，导致目前发现有个字段的金额也取成了件数（红框部分）；
• 需求：这条数据只有部分字段有值，如果我要验证其他无值字段（蓝框部分）前端取值是否正确，就需要让接口返回不同的数据；
• 难点：1.通过改数据库实现，比较麻烦，需要改动的太多，而且会影响测试环境；2.造测试数据，比较浪费时间；

So，就想到了这个方法：使用Charles的断点功能可以修改服务器的内容并返回给前端

1. 选择你需要修改返回数据的接口

2. 修改断点设置：Proxy→Breakpoints Settings（会自动填入步骤1标记断点的接口，双击接口）→Edit Breakpoint
   a. 将Query里面的参数删掉；
   b. 勾选Request（如果不需要修改请求参，可不勾选）、Response；

3. 重新发起请求，Charles抓到请求并断点，修改接口返回数据（一定记得开启断点开关，不然接口无法进入断点模式）
   a. 一直点击Excute，直到出现 Edit Response ；
   
   b. 修改接口返回数据，再点击Excute；
   

4. 回到页面抓包查看新的返回数据：可以看到返回数据已修改成功~

Tips：

使用Charles的断点功能可以修改服务器的内容并返回给前端，当操作过一次断点后，千万不要关闭断点的会话，那么无论如何重新请求页面都不会再出现断点页面，咋办？重启Charles，重新进行断点即可