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自己定义到全局环境

相关推荐
lichenyang45312 分钟前
Docker 学习笔记(一):为什么需要镜像、容器和仓库?
前端
kyriewen24 分钟前
别再对着 TypeScript 报错发呆了:我把 10 个最常见的红色波浪线翻译成了人话
前端·javascript·typescript
IT_陈寒25 分钟前
SpringBoot自动配置的坑,我的API突然就404了
前端·人工智能·后端
free351 小时前
从 0 实现一个 Tiny JavaScript VM:项目架构拆解
javascript
暴走的小呆1 小时前
Vue 2 中 Object 的变化侦测:从 getter/setter 到 Dep、Watcher、Observer
vue.js
奇奇怪怪的1 小时前
Embedding 模型 10+ 横向评测
前端
陈广亮1 小时前
Monorepo 从 0 到 1 实操指南 2026 版:pnpm catalogs + Turborepo 2.x + changesets 全链路
前端
子兮曰1 小时前
OpenMontage 深度解剖:你的 AI 编程助手,其实是个视频工作室
前端·后端·ai编程
敲代码的鱼1 小时前
PDF 预览与签名批注写回 支持安卓 iOS 鸿蒙 UTS插件
android·前端·ios
英勇无比的消炎药1 小时前
TinyVue v-auto-tip: 文本超长自动提示的优雅方案
vue.js