前端本地代理一些方法（whistle，lightproxy）--电脑/手机

 

本地代理一些方法

 

第一步 安装浏览器插件（外网访问）

 

https://chrome.google.com/webstore/detail/proxy-switchyomega/padekgcemlokbadohgkifijomclgjgif

 

第二步 安装 whistle2

https://www.npmjs.com/package/whistle2

npm install -g whistle

安装完毕运行 w2 start 命令

 

访问浏览器插件配置页面

1. 域名配

    

    

2. 浏览器请求拦截

第三步 打开 127.0.0.1：8899

增加如下配置：

 

 

 

 

 

http://test.local http://localhost:7001

 

第四步 将浏览器插件切换到代理模式

 

第五步：打开 127.0.0.1 whistle配置页面 网络模块  (http://127.0.0.1:8899/#network)

 

第六步： 访问http://test.com/

第七步：确认代理是否成功

whistle配置页面 网络模块 如果看到 http://test.com/ 相关资源访问的是 127.0.0.1 则代表代理设置成功

 

二：lightproxy代理

1.官网下载lightproxy  

github地址：https://github.com/alibaba/lightproxy

官网地址：http://ww25.lightproxy.org/?subid1=20220831-1332-5018-beae-4bc3c9e45e00

 

2.安装完成以后就是新建规则，启动代理，查看代理是否启动成功

 

使用whistle进行手机端代理（以ios为例）

特别注意：ios无法代理.local为后缀的域名（如http://www.test.local）

对于网页内容为纯http的，无需安装证书；对于使用了https的网页代理：

一.安装证书（不同电脑，不同手机的证书需要一致，如a电脑证书，b手机证书，可能无法代理）

1.第一步，先关闭电脑端的防火墙

2.打开whistle，点击https，取消勾选  Capture TUNNEL CONNECTS 和 Enable HTTP/2

 

 3.手机端打开WiFi，连接代理，点击 配置代理-->手动，输入ip和端口号（ip和端口号的获取，安装完whistle后运行指令w2 start）

 

 4.使用ios照相机扫码第二部中获取的二维码（注意第一次下载时，取消勾选），获取证书

 

 

 5.ios安装证书，这里需要两步：

　　5.1点击设置--->通用--->VPN与设备管理--->点击证书---->安装

　　5.2点击设置--->通用--->关于本机--->证书信任设置--->勾选信任

 

 

6.安装完证书，勾选回  Capture TUNNEL CONNECTS 和 Enable HTTP/2

 

 7.运行代码，手机上访问对应项目页面，查看是否代理成功（对应域名是否代理到本地ip地址）