vue-cli4.x配置环境变量

1、配置不同环境下的env文件
vue-cli4.x配置环境变量_第1张图片
2、给.env文件添加内容
vue-cli4.x配置环境变量_第2张图片

3、在package.json中添加不同环境对应的执行语句

通过传递 --mode 来配置不同的模式
vue-cli4.x配置环境变量_第3张图片
配置完后执行对应的指令就会加载对应的环境变量,比如运行 npm run gtest加载的是.env.gtest文件

4、使用
通过process.env.变量的形式使用环境变量值,例如process.env.VUE_APP_API_BASE_URL

你可能感兴趣的:(vue2)