CharlesProxy 代理疑难杂症,提高测试速度

Writer: Dejavu

Contract:

CharlesProxy 代理服务设置

代理测试url到本地服务,快速调试代码

下载软件

1 打开Proxy >> windows proxy

打开全局代理

2 设置Proxy >> Proxy Settings

CharlesProxy 代理疑难杂症,提高测试速度_第1张图片

CharlesProxy 代理疑难杂症,提高测试速度_第2张图片

 

 

3 设置tools >> map remote

路由设置

CharlesProxy 代理疑难杂症,提高测试速度_第3张图片

 

 

记住勾选enable map remote

TIPS:

From 你的需要代理请求路径

To里面/表示不需要from里面的路径前缀

4  Proxy >> SSL Proxying Settings设置ssl代理

CharlesProxy 代理疑难杂症,提高测试速度_第4张图片

 

端口号可以不填写

Location为你需要代理的host  

 

5 安装证书

CharlesProxy 代理疑难杂症,提高测试速度_第5张图片

 

火狐代理正常,谷歌浏览器代理失效的话,请查看浏览器是否被其他插件代理了网络,如果有,需要禁用掉

 

选择Export Charles Root Certificate and Private Key  导出证书

Proxy >> SSL Proxying Settings >> Root Certificate 在这里选择上一步导出的证书

CharlesProxy 代理疑难杂症,提高测试速度_第6张图片

 

 

6 增加rewrite

目的:比如你用生产页面测试本地接口,生产账号和本地登录账号不一致,登录校验肯定不过,这时候可以手动添加http头部信息,来修改cookie或者其他登录参数

CharlesProxy 代理疑难杂症,提高测试速度_第7张图片

 

网上给出的部分常用头部

Access-Control-Allow-Origin

Access-Control-Allow-Methods: GET,POST,OPTIONS

Access-Control-Allow-Headers: Accept,Origin,X-Requested-With,Content-Type,Last-Modified

Allow: GET, HEAD, POST, PUT, DELETE, TRACE, OPTIONS, PATCH

Access-Control-Allow-Credentials: true

Content-Type: application/x-www-form-urlencoded

7 跨域问题  

Charles能代理和返回了200,数据也正常返回,没有报错跨域问题,但是浏览器没有接收到数据,F12看不到返回

检查项目里跨域配置,添加跨域信息

增加请求url的跨域访问权限有一定风险

8 是否成功

CharlesProxy 代理疑难杂症,提高测试速度_第8张图片

 

访问目标url,出现如图所示内容即表示成功

 

QA:

1 postman 关闭file->setting>general>ssl certificate verification 关闭验证

2 proxy 填写代理127.0.0.1:1231

 

 

你可能感兴趣的:(charles,java,vue.js)