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

相关推荐
我命由我1234531 分钟前
微信小程序 - 自定义实现分页功能
前端·微信小程序·小程序·前端框架·html·html5·js
程序员黄同学1 小时前
请谈谈 Vue 中的 key 属性的重要性,如何确保列表项的唯一标识?
前端·javascript·vue.js
繁依Fanyi1 小时前
巧妙实现右键菜单功能,提升用户操作体验
开发语言·前端·javascript·vue.js·uni-app·harmonyos
前端御书房1 小时前
前端防重复请求终极方案:从Loading地狱到精准拦截的架构升级
前端·javascript
web182854825121 小时前
nginx 部署前端vue项目
前端·vue.js·nginx
zy0101011 小时前
HTML标签
前端·css·html
程序员黄同学1 小时前
解释 Vue 中的虚拟 DOM,如何通过 Diff 算法最小化真实 DOM 更新次数?
开发语言·前端·javascript
蓝谷芮济2 小时前
二:前端发送POST请求,后端获取数据
前端
果粒chenl2 小时前
css+js提问
前端·javascript·css
memorycx2 小时前
Vue02
前端·javascript·vue.js