whistle+SwitchyOmega前端api代理调试

发布时间：2024年01月04日

1、whistle介绍

  • whistle官网
  • whistle github
  • whistle主要用于查看、修改HTTP、HTTPS、Websocket的请求、响应，也可以作为HTTP代理服务器，功能很强大

2、安装教程

img

// 全局安装whistle
npm install -g whistle

// 安装whistle的inspect插件，用于在网页中注入vConsole调试工具，方便调试手机上的h5页面
npm i -g whistle.inspect
  • 常用命令：
w2 start // 启动
w2 stop // 关闭

whistle启动后，即可在浏览器内访问whistle页面：http://127.0.0.1:8899，打开可以按照规则配置代理的url

在这里插入图片描述
在这里插入图片描述

3、浏览器设置

  • 下载 Chrome 代理插件：推荐安装 SwitchyOmega
  • 点击设置，配置对应的代理服务器

在这里插入图片描述

至此，我们已经能够基本完成whistle和SwitchyOmega的代理

4、安装证书，htts代理

PC下载完成后，双击傻瓜式安装即可

在这里插入图片描述

手机端下载证书后，在设置找到“从存储设备安装证书”类似的选项添加证书

在这里插入图片描述

最后，在我们手机和电脑连接同一个wifi或者网络下，手机上设置ip地址和端口，ip地址可以通过ipconfig获取

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

访问http://localhost:8899/network/，可以查看抓包，由于会产生大量的请求，所以必须在setting中设置过滤条件，如下：

在这里插入图片描述

文章来源:https://blog.csdn.net/m0_37820751/article/details/135378862
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
最新文章