本文主要是介绍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-根据不同的环境配置基地址的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!