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

2021-12-31 16:06:41 +08:00
 hitaoguo

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

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

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

npm github

1605 次点击
所在节点    分享创造
8 条回复
daolanfler
2021-12-31 17:12:11 +08:00
挺实用的,之前有本地开启一个 nginx 去做代理不如这个方便。
gouflv
2021-12-31 23:31:09 +08:00
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
我以前是 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 来抓包,没想过用它解决跨域问题。但我想,一个项目里的问题还是在项目内解决比较好。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/825530

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX