V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
hitaoguo
V2EX  ›  分享创造

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

  •  
  •   hitaoguo · 2021-12-31 16:06:41 +08:00 · 1609 次点击
    这是一个创建于 1088 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

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

    npm github

    8 条回复    2022-01-03 14:21:10 +08:00
    daolanfler
        1
    daolanfler  
       2021-12-31 17:12:11 +08:00
    挺实用的,之前有本地开启一个 nginx 去做代理不如这个方便。
    gouflv
        2
    gouflv  
       2021-12-31 23:31:09 +08:00 via iPhone
    whistle fiddler 这类代理工具才是跨域解决方案
    yuekcc
        3
    yuekcc  
       2022-01-01 14:32:42 +08:00
    我一般都是用 http-proxy-middleware +express 写个二级代理。因为用的都是 webpack-dev-server 用到的包,基本上不需要加新依赖。改代码,重启这个二级代码就 ok 。特别是 angular 项目,每次重启 angular 都是一杯茶的时间。
    tedding
        4
    tedding  
       2022-01-03 02:39:25 +08:00 via iPhone
    我以前是 host 绑定域名 ip ,域名都是同一个 直接切换不同环境的 ip 使用😂😂😂
    hitaoguo
        5
    hitaoguo  
    OP
       2022-01-03 14:13:05 +08:00
    @daolanfler 多谢肯定
    hitaoguo
        6
    hitaoguo  
    OP
       2022-01-03 14:18:21 +08:00
    @yuekcc 实际上我这个也是针对 http-proxy-middleware 来做的,之前无论是看 webpack 的文档,还是 vue-cli 的文档,都没有提到动态的代理如何设置,后面直接看这个包的介绍发现有个 router 参数可以支持动态的代理地址。
    hitaoguo
        7
    hitaoguo  
    OP
       2022-01-03 14:19:34 +08:00
    @tedding 如果多人项目就比较麻烦啦,每个人都要改一下自己电脑的 host
    hitaoguo
        8
    hitaoguo  
    OP
       2022-01-03 14:21:10 +08:00
    @gouflv 只用 fiddler 来抓包,没想过用它解决跨域问题。但我想,一个项目里的问题还是在项目内解决比较好。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   3438 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 32ms · UTC 04:52 · PVG 12:52 · LAX 20:52 · JFK 23:52
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.