desarrollo vue de configuración variable de entorno multi-plataforma cruzada env

desarrollo vue de configuración variable de entorno multi-plataforma cruzada env

desarrollo vue en las variables de entorno de uso con el fin de ver diferentes datos en diferentes entornos de interior.
cruz-env fácilmente puede ayudar a resolver
Sobre esta cruzada env

En primer lugar, instale la cruz-env

npm install cross-env --save-dev

Uso
entorno de configuración de nombre de la variable dentro de package.json

// config/proxyDev.js 代理地址一
const proxyDev = {
  '/api': {
    target: 'http://xxxxxxxxxxxx', // 代理的接口地址
    secure: false // 是否验证SSL 
  }
};
module.exports = proxyDev;

// config/proxyTestCenter.js 代理地址二
const proxyTestCenter= {
  '/api': {
    target: 'http://xxxxxxxxxxxxx', // 代理的接口地址
    secure: false // 是否验证SSL 
  }
};
module.exports = proxyTestCenter;

// config/index.js 新增下面代码
const proxyDev= require('./proxyDev'); // 新建文件
const proxyTestCenter= require('./proxyTestCenter'); // 新建文件

let proxyPath;
switch (process.env.proxyPath) { // 根据命令来切换环境变量
  case 'dev': proxyPath = proxyDev; break;
  case 'tc': proxyPath = proxyTestCenter; break;
}

Modificar config / index.js archivo

// 修改config/index.js 文件

module.exports = {
	dev: {
		...
		proxyTable: proxyPath, // 将 proxyTable得知替换为上面定义的proxyPath 以便使用命令更换环境变量
		...
	}
		
	...
}	

Comandos de configuración package.json package.json modificado en el siguiente código:

// package.json 中修改scripts 的dev和rc; 配置方式模板 cross-env key=value 注：这里的key是proxyTable value是dev和tc; 
   ...
   "scripts": {
    	"dev": "cross-env proxyTable=dev webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
    	"tc": "cross-env proxyTable=tc webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
		...
  	},
  	...

Por último, ya que se puede cambiar las variables de entorno para utilizar un comando diferente compilador

npm run dev  //执行的是 dev环境变量

npm run tc  //执行的是 tc环境变量

Referencia Bowen / documento: [^ 1]
[HTTP-Proxy-Middleware Agent]: https://www.npmjs.com/package/http-proxy-middleware
[Cross-env multiplataforma establece la variable de entorno]: HTTPS: // www.npmjs.com/package/cross-env