vue项目根据开发环境来配置对应的服务器地址

1.在package.json中设置开发环境

"scripts": { 
 
   
    "serve": "vue-cli-service serve --mode development",
    "test": "vue-cli-service serve --mode test",
    "build": "vue-cli-service build --mode production",
    "lint": "vue-cli-service lint"
  },

–mode development 表示是开发环境
–mode test 表示是测试环境
–mode production 表示是生产环境
若是咱们yarn serve，那么就是development模式；若是yarn build，那么就是production模式。。。。。

2.根据不一样的环境配置axios中的baseURL地址。

let baseURL

if (process.env.NODE_ENV === 'development') { 
 
   
    baseURL = 'http://localhost:3000'
} else if (process.env.NODE_ENV === 'production') { 
 
   
    baseURL = "http://localhost:8000"
} else { 
 
   
    baseURL = "http://localhost:5000"
}
export default { 
 
   
    baseURL
}

process.env.NODE_ENV是用来获取咱们在package中设置的模式的值。

本文分享 CSDN - 冬天爱吃冰淇淋。
若有侵权，请联系 support@oschina.cn 删除。
本文参与“OSC源创计划”，欢迎正在阅读的你也加入，一块儿分享。