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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

爱意满满的作品展示区。

这是一个创建于 1058 天前的主题，其中的信息可能已经有所发展或是发生改变。

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

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

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

8 条回复 • 2022-01-03 14:21:10 +08:00

daolanfler

2021-12-31 17:12:11 +08:00

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

gouflv

2021-12-31 23:31:09 +08:00 via iPhone

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

yuekcc

2022-01-01 14:32:42 +08:00

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

tedding

2022-01-03 02:39:25 +08:00 via iPhone

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

hitaoguo

2022-01-03 14:13:05 +08:00

@daolanfler 多谢肯定

hitaoguo

2022-01-03 14:18:21 +08:00

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

hitaoguo

2022-01-03 14:19:34 +08:00

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

hitaoguo

2022-01-03 14:21:10 +08:00

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