一键切换开发环境

一键切换开发环境

  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
  1. 利用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
      }
    },
  1. vite
    vite 可以直接修改,不需要重启
    也可以使用:
bypass: (req, res, options)=>{
        //在这里做一些事情
 }

你可能感兴趣的:(代理,切换环境不重启,webpack,代理,vite,代理)