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

本文主要是介绍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)

这篇关于vue-根据不同的环境配置基地址的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---