# vue-cli3.0 环境变量配置
可往下看vue-cli3.0的方法，也可以右键打开------->直接看项目更直观
# 1、启动方式
在packcage.json中添加
"scripts": {
"dev": "vue-cli-service serve --mode dev",
"build--test": "vue-cli-service build --mode test",
"build--uat": "vue-cli-service build --mode uat",
"build--prod": "vue-cli-service build --mode prod",
"build": "vue-cli-service build"
}
1
2
3
4
5
6
7
2
3
4
5
6
7
# 2、新建.env文件
如果需要四个环境，在根目录的中新建.env.dev .env.test .env.uat .env.prod
//.env.dev
NODE_ENV='development'
VUE_APP_CURRENTMODE='dev'
VUE_APP_BASEURL='http://********'
1
2
3
2
3
//.test.dev
NODE_ENV='test'
VUE_APP_CURRENTMODE='test'
VUE_APP_BASEURL='http://********'
1
2
3
2
3
//.uat.dev
NODE_ENV='uat'
VUE_APP_CURRENTMODE='uat'
VUE_APP_BASEURL='http://********'
1
2
3
2
3
//.prod.dev
NODE_ENV='production'
VUE_APP_CURRENTMODE='prod'
VUE_APP_BASEURL='http://********'
1
2
3
2
3
# 3、获取环境域名
process.env.BASE_URL
1