vue配置不同开发环境

2022-10-12 19 阅读1分钟

手动修改

根据process.env.NODE_ENV的值进行区分

let BASE_URL = ''
const TIME_OUT = 10000

if (process.env.NODE_ENV === 'development') {
  BASE_URL = '/api'
} else if (process.env.NODE_ENV === 'production') {
  BASE_URL = 'http://coderwhy.org/prod'
} else {
  BASE_URL = 'http://coderwhy.org/test'
}

export { BASE_URL, TIME_OUT }

编写不同的环境变量配置文件(VueCli)

分别创建.env.development,.env.production,.env.test在三个文件中写环境变量等

VUE_APP_BASE_URL=https://coderwhy.org/dev
VUE_APP_BASE_NAME=coderwhy

在想要使用的地方进行使用

console.log(process.env.VUE_APP_BASE_URL)