vue中自动判断开发及生产环境切换接口代理

2021-10-21 18:06

300

69 字

3 分钟

在 main.js 中配置

// 自动构建开发及生产环境API路径
if(process.env.NODE_ENV === "development"){
  //开发环境
  Vue.prototype.$xxx = '/xxx';
  Vue.prototype.$xxx2= '/xxx2';
}else{
 //生产环境
  Vue.prototype.$xxx = '';
  Vue.prototype.$xxx2= '';
}

vueCli 2以上在 vue.config.js 中

module.exports = {
  devServer: {
    proxy: {
      "/xxx": {
        target: "http://www.baidu.com",
        changeOrigin: true,
        ws: true,
        pathRewrite: {
          "^/xxx": ''
        }
      }
    }
    .... 添加其他代理
  }
}

vuecli2 以下配置代理在 config/index.js

dev:{
  proxyTable:{
    '/xxx': {
        target: 'http://www.baidu.com',
        changeOrigin: true,
        secure: false,
        pathRewrite: { 
          '^/xxx': '' 
        }
    },
    .... 添加其他代理
  }
}