项目区分不同的环境变量

方式一：手动的切换不同的环境(不推荐)

// 1.方式一：手动的切换不同的环境(不推荐)
// const BASE_URL = 'http://coderwhy.org/dev'
// const BASE_NAME = 'coderwhy'

// const BASE_URL = 'http://coderwhy.org/prod'
// const BASE_NAME = 'kobe'

const BASE_URL = 'http://coderwhy.org/test'
const BASE_NAME = 'james'

方式二：根据process.env.NOOE_ENV区分 

// 2.根据process.env.NOOE_ENV区分
// 开发环境：development
// 生成环境：production
// 测试环境：test

let BASE_URL = ''
let BASE_NAME = ''

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

export { BASE_URL, BASE_NAME }

方式三：编写不同的环境变量配置文件

在目录下建三个文件夹

.env.development

// 开发环境
// VUE_APP_随便写
VUE_APP_BASE_URL = http://coderwhy.org/dev
VUE_APP_BASE_NAME = coderwhy

.env.production

// 生成环境
// VUE_APP_随便写
VUE_APP_BASE_URL = http://coderwhy.org/prod
VUE_APP_BASE_NAME = kobe

.env.test

// 测试环境
// VUE_APP_随便写
VUE_APP_BASE_URL = http://coderwhy.org/test
VUE_APP_BASE_NAME = janes

 main中引用

console.log(process.env.VUE_APP_BASE_URL)
console.log(process.env.VUE_APP_BASE_NAME)