1、浏览器代理
装置浏览器插件 Proxy SwitchyOmega,用于切换代理设置。
配置实现,点击“利用选项”,而后关上这个插件,抉择 ”whistle” 情景模式。
2、代理服务器
装置 whistle,用于启动本地代理服务,不便代理配置。
启动代理:
w2 start -p 8000
(ps: 为什么是 8000 端口,因为有时候须要用手机端代理到这个服务,如果应用默认的 8080 可能会呈现抓不到包的状况)
配置 Rules:
# --- 本地前端页面开发联调 ---
# 1、测试环境接口
/^http:\/\/127\.0\.0\.1:8081\/mobile\/(.*)/ https://test-online-site.com/mobile/$1
# 2、生产环境接口
# /^http:\/\/127\.0\.0\.1:8081\/mobile\/(.*)/ https://online-site/mobile/$1
# --- 线上环境调试本地页面 ---
# 仅把申请代理到本地服务,其余资源仍是线上的
# 1、测试环境
# /^https?:\/\/test-online-site\.com\/(?!mobile)(.*)/ http://127.0.0.1:8080/$1/$2
# 2、生产环境
# /^https?:\/\/online-site\.com\/(?!mobile)(.*)/ http://127.0.0.1:8080/$1/$2
把你须要的配置关上正文。留神门路改成你须要的。
这时候浏览器的申请会在这个服务上直达,在 http://localhost:8000/ 间接能看到所有申请的详细信息。
3、本地运行前端服务
把你须要调试的本地服务先跑起来。而后:
如果是状况 1(本地前端页面开发联调),那么浏览器关上的是你本地服务的地址,个别是 localhost。
如果是状况 2(线上环境调试本地页面),那么浏览器关上的是线上地址。