vue-根据不同的环境配置基地址

本地测试时会把process.env.NODE_ENV设置为development

打包上线时会把process.env.NODE_ENV设置为production

vue2环境变量配置

变量命名以VUE_APP_xxx开头, 可以在所有的文件中去获取(建议用它)

1、在根目录创建.env.development文件（开发环境）

ENV='development'

VUE_APP_BASE_API= '开发环境地址'

2、在根目录创建.env.production文件（生产环境）

ENV='production'

VUE_APP_BASE_API= '生产环境地址'

3.使用：用process.env.变量名的方式获取

created() {
  console.log('Base URL:', process.env.VUE_APP_API_URL);
}

vue3环境变量配置

 变量命名以VITE_xxx开头, 可以在所有的文件中去获取(建议用它)

 1、在根目录创建.env.development文件（开发环境）

VITE_ENV='development'

VITE_BASE_API= '开发环境地址'

2、在根目录创建.env.production文件（生产环境）

VITE_ENV='production'

VITE_BASE_API= '生产环境地址'

3.使用：用import.meta.env.属性的方式获取

console.log('Base URL:', import.meta.env.VITE_BASE_API)