自学内容网 自学内容网

前端项目代理到本地调试

我们在项目开发中,有时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. 验证代理是否成功

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


原文地址:https://blog.csdn.net/qq_45937484/article/details/142502378

免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!