vue判断生产环境测试和正式使用指定配置文件

1.根目录创建.env.build和.env.test文件
.env.build内容
NODE_ENV = 'production'
VUE_APP_TITLE = 'production'
.env.test内容
NODE_ENV = 'production'
VUE_APP_TITLE = 'test'

2.http.js里面判断

axios.defaults.baseURL = "www.baidu.com/api"; // 默认不打包请求开发环境的接口
console.log("env", process.env.VUE_APP_TITLE);
 
if (process.env.VUE_APP_TITLE === "production") { // production环境请求生产环境接口
    axios.defaults.baseURL = "www.zshi.com/api";
} 
else if (process.env.VUE_APP_TITLE === "test") { // test环境请求测试环境接口
    axios.defaults.baseURL = "http://cscscs.cscscs.com/api/app/";
} 
3.在package.json添加打包命令
"build": "vue-cli-service build --mode build",//正式打包使用
 "test": "vue-cli-service build --mode test",//测试打包使用
 

Tags：

转载：转载说明/web/wzjs/88.html

很赞哦！ ()