1.在package.json中增加配置【本文分test、prod、dev三个环境】
"scripts": {
"serve": "vue-cli-service serve",
"build": "vue-cli-service build",
"lint": "vue-cli-service lint",
//以下是新增的
"test": "vue-cli-service build --mode test",
"prod": "vue-cli-service build --mode prod",
"dev": "vue-cli-service build --mode dev"
},
2.在项目根目录下创建三个文件，名称分别为：.env.dev 、 .env.prod 、.env.test
如图：
里面内容： //.env.dev
NODE_ENV = 'production'
VUE_APP_TITLE = 'dev'
//.env.prod
NODE_ENV = 'production'
VUE_APP_TITLE = 'prod'
//.env.test
NODE_ENV = 'production'
VUE_APP_TITLE = 'test'
3.在请求封装或者需要使用的地方使用
如：请求封装处
if (process.env.NODE_ENV == "production") {
if (process.env.VUE_APP_TITLE === 'test') {//测试
axios.defaults.baseURL = 'xxxx';
} else { //生产
axios.defaults.baseURL = 'xxxx';
}
} else {//本地
axios.defaults.baseURL = 'xxxx';
}
