一键切换开发环境

一键切换开发环境

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)=>{
        //在这里做一些事情
 }