vue 环境变量那些事

常见的项目环境变量的使用

总则:使用 .env.环境名字文件去定义,运行命令的时候指定环境

比如:.env 代表所有环境变量使用的一些变量

.env.development 代表的开发环境变量

.env.production 代表的生产环境变量也就是上线以后使用的

vite+vue3项目(默认VITE开头,其他开头的需要配置)

存:VITE_变量名 = xxx

取:import.meta.env.VITE_变量名

vue-cli项目(webpack+vue2)

存:VUE_APP_变量名 = xxx

取:process.env.VUE_APP_变量名

纯粹webpack打包

存:通过definePlugins自己定义到全局环境

相关推荐
Irene19911 分钟前
Vue3 举例说明如何编写一个自定义组合式函数(与 Mixins 相比的优势)
vue.js
小马_xiaoen2 分钟前
Vue 3 + TS 实战:手写 v-no-emoji 自定义指令,彻底禁止输入框表情符号!
前端·javascript·vue.js
文心快码BaiduComate3 分钟前
有奖征集|解锁Comate超能力:一文玩转Comate Skills
前端·后端
小码哥_常4 分钟前
Android 集合探秘:ArrayMap 与 SparseArray 的奇妙之旅
前端
林九生8 分钟前
【Flutter】Flutter 拍照/相册选择后无法显示对话框问题解决方案
前端·javascript·flutter
程序员小寒15 分钟前
JavaScript设计模式(四):发布-订阅模式实现与应用
开发语言·前端·javascript·设计模式
Highcharts.js15 分钟前
Highcharts Gantt 实战:从框架集成到高级功能应用-打造现代化、交互式项目进度管理图表
前端·javascript·vue.js·信息可视化·免费
程序猿的程18 分钟前
把股票数据能力接进 AI:stock-sdk-mcp 的实践整理
前端·javascript·node.js
终端鹿24 分钟前
setup 语法糖从 0 到 1 实战教程
前端·javascript·vue.js
颜酱25 分钟前
回溯算法实战练习(2)
javascript·后端·算法