vue如何设置环境变量

在开发的时候一般会有是三个环境：开发环境 测试环境 线上环境

在vue 中有个概念就是模式，默认先vue cli 有三个模式

development 模式用于 vue-cli-service serve
production 模式用于 vue-cli-service build 和 vue-cli-service test:e2e
test 模式用于 vue-cli-service test:unit

在开发中不止这三种:

1. 本地环境（local）
2. 开发环境（development）
3. 测试环境（devtest）
4. 预发布环境（beta）
5. 生产环境（production）

常见的三个开发环境

1. 开发环境（development）
2. 生产环境（production）
3. 测试环境（staging）

给.env文件设置环境变量

NODE_ENV = 环境名称
VUE_APP_URL = 对应的环境地址
...

举个栗子:开发环境

#开发环境
#VUE_APP_BASE_API = 'http://ihrm-java.itheima.net'

使用

首页你需要哪个环境，就执行哪个环境的命令语句,比如:开发环境 然后通过process.env.VUE_APP_BASE_API获取对应的值
如我们在axios请求中，就可以把它的baseURL设置为
process.env.VUE_APP_BASE_API ，如下图所示：

感谢阅读^_^