本地代理设置流程

  1. 安装whistle:npm install -g whistle
  2. 跟着这个流程走一般不用看文档,不过如果有问题,安装流程具体可以看官方文档。
  3. 启动w2 start
  4. 可以在http://127.0.0.1:8899/看到配置页面。
  5. 配置HTTPS证书,点击屏幕顶端HTTPS -> Download RootCA
本地代理设置流程_第1张图片
image.png
  1. 安装crt证书,Mac方式

  2. 在上面那个二维码下面点击Intercept HTTPS CONNECTs

  3. 配置SwitchyOmega,如下:

本地代理设置流程_第2张图片
image.png

举例如何代理页面上的JS

  1. 目标地址:http://staging.bitrabbit.io/events/lottery/zh-cn.html
  2. 查看HTML,找到资源:
    1. https://assets.bitrabbit.com/events/lottery/home.c47b092c.js
    2. https://assets.bitrabbit.com/events/lottery/home.c47b092c.css
  3. 打开whistle配置页面:http://127.0.0.1:8899/
  4. 填写映射,格式:源地址 目标地址

https://assets.bitrabbit.com/events/lottery/home.c47b092c.js http://localhost:8080/home.bundle.js
https://assets.bitrabbit.com/events/lottery/home.c47b092c.css http://localhost:8080/home.css

  1. 启动SwitchyOmega

这样,网站上的静态文件将被代理到本地,css没代理到报错不用管,主要是js。Session会通过网站请求直接发送。

你可能感兴趣的:(本地代理设置流程)