前端项目代理到本地调试

我们在项目开发中，有时mock数据不能满足我们的需求，可以考虑把线上地址运行在本地代码上进行开发调试，也就是所谓的代理

这里推荐使用的工具是 whistle + SwitchyOmega

1. 首先在chrome浏览器中安装插件SwitchyOmega

下载地址 CrxDL - 下载谷歌浏览器(Chrome)扩展插件CRX

将下载后的文件解压，拿到 .crx文件，拖进chrome浏览器的扩展程序操作页面中

如下图即说明安装成功，（一定要开启chrome扩展程序的开发者模式）

2. 对插件SwitchyOmega进行配置

3. 安装whistle

命令行工具进行全局安装，如果安装失败，可以尝试使用管理员身份

npm install -g whistle

4. 命令行输入w2 start命令，启动whistle插件

在浏览器中打开如下地址 http://127.0.0.1:8899/

5. 配置代理规则

6. 如果代理的线上地址为https，需下载https相关证书

下载完成后安装设置，这里以mac电脑为例

7. 验证代理是否成功

以上就是所有配置啦～然后我们用线上地址访问，本地修改代码也就能同步过去啦