前后端分离走本地代码Charles的使用

Charles是一个功能很强大抓包工具,同时也可以用来做代理,当然,修改电脑的一个配置文件也可以做到代理,但是使用工具更加方便的说.
我这里就简单的使用一下,

问题:前后端分离项目,不需要下载前端代码,(当然很多哥们说使用postman,我也知道啊,但是有时候就想体验一下图形化工具)访问测试的前端地址,代理到本地,走本地的后台代码.

首先先下载charles
https://www.charlesproxy.com/download/
然后打开,

然后第一个host里面填测试的后台地址,第二个填本地的,举个栗子:
我前台页面是test.baidu.com,但是请求的接口都是test.api.baidu.com,这样的话,我在第一个host里面就填写test.api.baidu.com,第二个是本地的项目的地址,端口,然后在浏览器直接访问test.baidu.com,这样请求就走到本地了.这样很方便的说.