利用 whistle 进行代理

Whistle是一个基于node.js的跨平台调试工具,可以方便我们在pc、移动端或者mac,windows调试。是一款访问开发域名时,能够代理访问本地资源和抓包的可视化工具

以下为Whistle工具安装及使用方法:

  在项目里面全局安装whistle
  
  whistle支持v0.10.0以上版本的Node,为获取更好的性能,推荐安装最新版本的Node。
  npm install -g whistle
  (npm默认镜像是在国外,有时候安装速度很慢或者出现安装不了的情况,如果无法安装或者安装很慢,
  可以使用taobao的镜像安装)
  npm install cnpm -g --registry=https://registry.npm.taobao.org
  使用命令whistle help查看是否安装成功
  项目中的serviceWorker.ts文件则是配置whistle相关的代理信息的
复制代码

whistle相关命令

  启动whistle:w2 start
  重启whsitle:w2 restart
  停止whistle:w2 stop
  调试模式启动whistle(主要用于查看whistle的异常及插件开发):w2 run
复制代码

配置代理(浏览器代理:安装浏览器代理插件,推荐安装SwitchyOmega):

  浏览器配置SwitchyOmega拓展程序步骤:https://www.cnblogs.com/nicole-zhang/p/11955881.html
复制代码

安装根证书:
到以下链接下载证书:

1620390342(1).png
1620390433(1).png
1620390446(1).png

点击第一张图片进行链接配置:

1620390686(1).png
配置的域名为需要代理的域名,端口号项目在本地运行的端口号

在浏览器中进行whistle配置:

1620390829(1).png
然后访问需要被代理的域名就可以转发到本地了

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享