一键切换开发环境

1. 在我们正常开发中，经常会遇到切换代理环境的问题，总不能每次切换的时候都需要重启吧

解决方案：
1.1 利用host解决代理问题，代码如下

devServer: {proxy: '127.0.0.1',...}

1.2. 需要有起一个node 服务 ，或者直接使用vscode 的live sever ，注意必须开启的是80端口
1.3 利用 switchHost 修改需要代理的工具

127.0.0.1 xxx.yyy.com

2. 利用devserver 的代理
   2.1 配置代理

let target = 'xxx.yyy.com'
// 配置切换环境的接口，devserver 提供的方法
setupMiddlewares: (middlewares, devServer) => {middlewares.unshift({name: 'mock',path: '/changeEnv',middleware: (req, res) => {target = 'yyy.xxx.com'res.send({target})}})return middlewares}
// 配置代理
'/xxx': {target,changeOrigin: true,router: () => { return target}},

3. vite
   vite 可以直接修改，不需要重启
   也可以使用：

bypass: (req, res, options)=>{//在这里做一些事情}