我们在项目开发中,有时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. 验证代理是否成功
以上就是所有配置啦~然后我们用线上地址访问,本地修改代码也就能同步过去啦