vue项目运行打包环境变量配置

1、创建文件

在根目录创建三个文件

.env.development   // 开发环境
.env.staging       // 测试环境
.env.production    // 生产环境

2、文件内容

ENV = 'development'
VUE_APP_BASE_API = 'https://xxxxx.com' // 开发环境

VUE_CLI_BABEL_TRANSPILE_MODULES = true

三个文件内容大致相同，不同的为VUE_APP_BASE_API的值

3、配置运行命令

package.json文件

"scripts": {
    "dev": "vue-cli-service serve --mode development", // 开发环境
    "dev:pro": "vue-cli-service serve --mode production", // 生成环境
}

其余同理，即在运行命令的后面增加上--mode xxx

4、获取变量

let https = process.env.VUE_APP_BASE_API