whistle代理

文章目录

    • whistle配置
      • Windows
      • iOS
    • 安装配置完毕
    • 配置浏览器代理扩展
    • 启动 Whistle
    • 配置方式
    • 关闭 Whistle

whistle配置

Windows

1、安装 Node(已装可跳过),打开 https://nodejs.org/,下载安装 (opens new window)LTS 版本的 Node 即可;
2、安装 Whistle

//windows
$ npm i -g whistle @tencent/whistle.txpac --registry=http://r.tnpm.oa.com
//mac
$ sudo npm i -g whistle @tencent/whistle.txpac --registry=http://r.tnpm.oa.com

//如果是在家里普通网络,则只需 npm i whistle 或 sudo npm i whistle即可,不需要安装 txpac

3、https必须安装证书!!!!

  • 打开 whistle 的界面,下载根证书,开启捕获HTTPS请求:whistle代理_第1张图片
  • 下载得到以下证书

whistle代理_第2张图片

  • 双击 下载好的证书
    whistle代理_第3张图片whistle代理_第4张图片

iOS

自行查阅资料

安装配置完毕

1、安装完成后,命令行输入: w2 help,看到如下图界面,表示已安装成功。
whistle代理_第5张图片

配置浏览器代理扩展

1、安装 SwitchyOmega

2、新建情景模式及配置

whistle代理_第6张图片

启动 Whistle

//在项目根路径运行
$ w2 start

whistle代理_第7张图片

配置方式

常用的代理规则,把常规域名请求转发到本地服务器
1、这里我把5个地址请求全部转发到localhost:8080,我在浏览器上访问这5个地址全部都会显示本机localhost:8080提供的内容,你可以把任务想要代理的地址直接转发到另外的地址上;
2、数据请求和页面请求进行分离,aa.com/api是后端接口,返回的是一串JSON数据,aa.com返回的是一个html页面,假设页面aa.com想要获取aa.com/api的JSON数据,由于前端(8081)与后端(8080)使用的端口不同,导致出现跨域,前端8081是访问不到后端8080数据的,使用代理来访问相同域名下的不同路径就可以避免这个问题;
whistle代理_第8张图片
whistle代理_第9张图片

关闭 Whistle

$ w2 stop

你可能感兴趣的:(前端框架)