用了这个 IDE 插件，5分钟解决前后端联调！

最新推荐文章于 2024-08-27 16:21:46 发布

程序猿DD_

最新推荐文章于 2024-08-27 16:21:46 发布

阅读量8.5k

点赞数 11

本文链接：https://blog.csdn.net/j3T9Z7H/article/details/105383147

版权

本文介绍了在远程办公环境下，前端工程师如何利用VScode的Cloud Toolkit插件解决前后端联调问题。该插件提供HTTP Proxy功能，简化了业务调试，支持一键切换不同代理配置，减少了配置代理的时间成本，提高了工作效率。此外，Cloud Toolkit还支持一键部署到远程服务器，提供了丰富的云原生开发工具，如项目部署、日志查看、Docker镜像推送等，极大地提升了开发者的开发和部署效率。

摘要由CSDN通过智能技术生成

点击上方蓝色“程序猿DD”，选择“设为星标”

回复“资源”获取独家整理的学习资料！

作者 | 李海庆

我是一个 Web 开发前端工程师，受到疫情影响，今天是我在家办公的第78天。开发了两周，今天就要开始前后端联调了。由于是远程办公，前后端联调没有在公司那么方便……

我遇到了这样 1 个问题

我们项目组的研发配比是一个前端对多个后端，后端并发开发，到跟前端联调的时候转为并行，几个后端同学都针对自己的服务都做了一个不同的服务部署，因为还没有到大家把代码最终合并，并且放到一个服务地址让前端联调的阶段，作为前端的我只能疯狂的、不停的切换代理……

2 个不太满意的解决方案

方法 1:

利用现有的代理工具，比如 Charles，PostMan。chrome插件SwitchyOmega等，PostMan,SwitchyOmega更适合后端模拟发起请求测试自己的接口， Charles 比较全面，可以用来抓包，也可以用来做代理调试，但是配置起来相对复杂。或者熟悉 nginx 的同学可以用nginx做代理实现，但对于新手而言以上这些方式实现可调通代理的成本还是太高了。

方法 2 ：

设定多个代理配置，对应不同开发环境的时候进行切换，不过需要重新启动项目，还得自己写逻辑判断具体环境的差别。

这两个方法，对于我来说并不是最优解。如果在这种频繁出现的问题上，用那么多的时间进行代理配置，那真的绝望……

5分钟解决问题

我请教了一个阿里的前端大神，他推荐了 VScode 上的 Cloud Toolkit 插件（在 Marketplace 上直接搜索安装），Alibaba Cloud Toolkit 有一个 HTTP Proxy 代理功能，可以提供的以 HTTP 协议为主且在本地启动的正向代理服务器，帮助完成业务请求的代理转发。