概述
在实际项目开发开发当中，我们的项目除了我们本地调试，开发完成后还要经过测试环境测试，没问题之后，才会正式发布到正式环境供用户使用，因此，我们开发当中肯定就要区分不同的运行环境，来初始化根据不同环境要用到的变量。记录我在工作中使用的环境变量配置方法。
项目目录文件结构
我就拿我正在做的一个项目目录结构给大家演示下，这里只需要关注这三个文件就行，我这的项目主要分为测试环境，演示环境，线上正式环境三个，下面标注的。书写格式按照vuecli官网就行。
env.[mode]对应文件内容
我在这几个环境配置的文件夹里主要指定的是当前环境（production/test）,主要注入了一个环境变量值VUE_APP_ENV用来区分当前的开发环境，因为只有在en.[mode]对应的环境变量会才可以在vue.config.js文件当中使用，其他环境变量我们主要使用单独的config.js配置，然后通过打包覆盖public文件夹下面的config.js文件。
vue.config.js文件配置
上面文件夹里面的变量我们就可以通过process.env.VUE_APP_ENV取到并且当做条件使用
packege.json文件夹配置
我们执行对应的打包命令的时候就可以在项目里面使用对应文件里面的环境变量了
全局变量配置
项目中我们的接口请求的baseurl以及一些全局变量可能会根据环境区分，我们这里在public里面单独建一个config.js文件，将全局变量放这里，后面通过打包命令覆盖这个文件夹就行，然后在index.html文件里面引入就行， 后面项目我们就能直接使用全局变量了。 这是我项目用到的全局变量
env_config（全局变量环境配置文件）
这个文件夹我们用来区分不同环境定义不同的js文件
文件内容
根据环境定义不同变量。
演示
测试
正式
打包命名配置
最后我们可以通过打包命令覆盖config.js文件
上面是根据个人爱好配置，感兴趣的可以参考下
