一键切换开发环境
- 在我们正常开发中,经常会遇到切换代理环境的问题,总不能每次切换的时候都需要重启吧
解决方案:
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
- 利用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
}
},
- vite
vite 可以直接修改,不需要重启
也可以使用:
bypass: (req, res, options)=>{
//在这里做一些事情
}