配置多环境变量

1、package.json里面的scripts配置serve test build,通过 --mode xxx 来执行不同环境

  (1)、通过 npm run serve 启动本地，执行development		
  (2)、通过 npm run test 打包测试，执行testing
  (3)、通过 npm run build 打包正式，执行production

		"scripts":{
				"serve":"vue-cli-service serve --open",
				"test":"vue-cli-service build --mode testing",
				"build":"vue-cli-service build",
		}

2、介绍

以 VUE_APP_（必须要大写）开头的变量，在代码中可以通 process.env.Vue_APP_访问。
比如，VUE_APP_ENV = 'development' 通过 process.env.VUE_APP_ENV访问。
除了 VUE_APP_* 变量之外，在你的应用代码中始终可以用的还有两个特殊的变量NODE_ENV和BASE_URL
在根目录中新建 .env.*

.env.development 本地开发环境配置

NODE_ENV = 'development'

.env .staging 测试环境配置

NODE_ENV = 'production'

.env.production 正式环境配置

NODE_ENV = 'production'

这里我们并没有定义很多变量，只定义了基础的VUE_APP_ENV development 、testing 、production 变量我们统一在 src/config/env .*.js
里进行管理。

这里有个问题，既然这里有了根据不同环境设置变量的文件，为什么还要去 config 下新建三个对应的文件呢？
修改起来方便，不需要重启项目，符合开发习惯。

config/index.js

	//根据环境引入不同配置 process.env.NODE_ENV
	const config = require('./env.' + process.env.NODE_ENY)
	module.exports = config

配置对应环境的变量，拿本地环境文件 env.development.js 举例，用户可以根据需求修改

	//本地环境配置
	module.exports = {
		title: 'vue-h5-template',
		baseUrl:'http://localhost:9018',	//项目地址
		baseApi:'https://test.xxx.com/api', // 本地api请求地址
		APPID: 'xxx',
		APPSECRET: 'xxx'
	}