写了一个工具可以方便的切换 webpack-dev-server 的代理并且无需重启。

爱意满满的作品展示区。

This topic created in 1618 days ago, the information mentioned may be changed or developed.

之前做项目的时候，为了解决跨域问题，都是配的 webpack-dev-server 里的 proxy 。然后每次切换代理的时候，总要重新启动项目，挺搞心态的。

后来发现有个 router 参数可以动态的返回代理地址，然后就可以直接在项目里写个文件管理代理地址。

最近为了增加使用体验，写了一个工具，通过命令的方式去切换代理，交互上相对友好一点。有兴趣的朋友可以戳地址,有详细介绍。

8 replies • 2022-01-03 14:21:10 +08:00

daolanfler

Dec 31, 2021

挺实用的，之前有本地开启一个 nginx 去做代理不如这个方便。

gouflv

Dec 31, 2021 via iPhone

whistle fiddler 这类代理工具才是跨域解决方案

yuekcc

Jan 1, 2022

我一般都是用 http-proxy-middleware +express 写个二级代理。因为用的都是 webpack-dev-server 用到的包，基本上不需要加新依赖。改代码，重启这个二级代码就 ok 。特别是 angular 项目，每次重启 angular 都是一杯茶的时间。

tedding

Jan 3, 2022 via iPhone

我以前是 host 绑定域名 ip ，域名都是同一个直接切换不同环境的 ip 使用😂😂😂

hitaoguo

Jan 3, 2022

@daolanfler 多谢肯定

hitaoguo

Jan 3, 2022

@yuekcc 实际上我这个也是针对 http-proxy-middleware 来做的，之前无论是看 webpack 的文档，还是 vue-cli 的文档，都没有提到动态的代理如何设置，后面直接看这个包的介绍发现有个 router 参数可以支持动态的代理地址。

hitaoguo

Jan 3, 2022

@tedding 如果多人项目就比较麻烦啦，每个人都要改一下自己电脑的 host

hitaoguo

Jan 3, 2022

@gouflv 只用 fiddler 来抓包，没想过用它解决跨域问题。但我想，一个项目里的问题还是在项目内解决比较好。