当前位置: 首页 > Web前端 > HTML

您的项目切换代理是否需要重新启动?

时间:2023-03-28 12:55:09 HTML

问题参与多人项目后,总会遇到以下问题。如果需要连接另外一个人,需要把agent的target改成他的ip地址,改完之后还得重启项目。别人提交了配置文件的代码,覆盖了我的目标配置。您必须将其改回并重新启动项目。有可能配置文件的代码是这样的module.exports={devServer:{proxy:{'/api':{//很多被注释掉的targettarget:'',//xx//target:'',//张三//target:'',//李四}}}}花了点时间解决,看了一些文档,改了一些代码,项目不再需要更改代理并重新启动。因为http-proxy-middleware本身支持动态代理,所以是router参数。我看了一下changelog,既然v0.16.0支持了,就看看怎么设计吧。今天特地把输出写成一个工具nice-proxy,方便在项目中集成。下面简单介绍一下使用方法。安装yarnaddnice-proxy-D使用第一步初始化npxnice-proxyinit该命令会在项目根目录下生成一个nice-proxy文件夹,里面包含两个文件。proxy-list.json这个文件用来存储你所有的代理。proxy-config.json这个文件用来存放你当前使用的代理。一定不要把proxy-config.json文件提交到[git][svn]第二步,修改vue-cli的配置文件代码如果你使用的是vue-cli创建的项目,那么在你的vue.config.js文件这样写。const{useNiceProxy}=require("nice-proxy");module.exports={devServer:{proxy:{"/api":{target:"",ws:true,changeOrigin:true,//参考vue-cli官网配置示例,只需要添加如下一行参数即可。路由器:useNiceProxy,},},},};上面webpack提供的命令nice-proxy也提供了几个常用的命令供你维护代理列表。所有命令都是即时的。list列出所有代理addaddagentchangeswitchagentselection代理切换成功