vue中 .env .env.development .env.production 详细说明
1.配置文件有:
.env 全局默认配置文件,不论什么环境都会加载合并
.env.development 开发环境下的配置文件
.env.production 生产环境下的配置文件
2.命名规则:
属性名必须以VUE_APP_开头,比如VUE_APP_XXX
3.关于文件的加载:
根据启动命令vue会自动加载对应的环境,vue是根据文件名进行加载
比如执行npm run serve命令,会自动加载.env.development文件
注意:.env文件无论是开发还是生成都会加载
如上图所示,如过我们运行npm run serve 在就先加载.env文件,之后加载.env.development文件,两个文件有同一个项,则后加载的文件就会覆盖掉第一个文件,即.env.development文件覆盖掉了.env文件的NOOE_ENV选项。
同理如果npm run build 就执行了.env和.env.production。
4.使用
(1)在vue文件中使用
注意:配置文件在vue模板文件的data之后加载
(2)在js文件中使用
备注:js文件中可以添加JSON.stringify(xxxxxx),解析成字符,但是vue中不能。
vue中 .env .env.development .env.production 详细说明相关推荐
- vue中config/index.js:配置的详细理解
当我们需要和后台分离部署的时候,必须配置config/index.js: 用vue-cli 自动构建的目录里面 (环境变量及其基本变量的配置) 1 2 3 4 5 6 7 8 9 10 11 12 ...
- vue中组件的导出导入_5.2 vue中 keep-alive 组件的作用,详细解释keep-alive使用方法...
问题:vue中 keep-alive 组件的作用 keep-alive:主要用于保留组件状态或避免重新渲染. 比如: 有一个列表页面和一个 详情页面,那么用户就会经常执行打开详情=>返回列表=& ...
- vue render生成html,在vue中如何渲染函数render(详细教程)
本篇文章主要介绍了vue渲染函数render的使用,小编觉得挺不错的,现在分享给大家,也给大家做个参考.一起跟随小编过来看看吧 1.什么是render函数? vue通过 template 来创建你的 ...
- vue中render: h = h(App)的详细解释
2018年06月20日 10:54:32 H-L 阅读数 5369 render: h => h(App) 是下面内容的缩写: render: function (createElement) ...
- vue中实现生成海报图片html2canvas详细教程
该插件详细配置文档地址建议谷歌浏览器打开,因为翻译的比较准确 实现效果如图所示 1.安装插件 npm install --save html2canvas 2.将要生成图片的区域用大的元素包裹起来例如 ...
- vue中使用海康实时监控详细代码
第一步:下载海康的js包,并在html中引入: 第二步:在相应的页面中开始编写,具体代码如下: <template><el-container><el-aside wid ...
- vue - vue中的process.env.NODE_ENV和环境变量
1,什么是process.env process.env 是 Node.js 中的一个环境对象.其中保存着系统的环境的变量信息.可使用 Node.js 命令行工具直接进行查看.如下: 而 NODE_E ...
- vue中的.env文件
vue中的几个.env文件,用来处理某些情况下不同环境需要不同的值 比如:在某个商品在测试环境跳转的域名和正式环境跳转的域名就不同,这个时候就需要用到.env文件,这几个文件都放在package.js ...
- vue鼠标移动上去提示_关于如何处理vue中鼠标悬停事件的详细说明
最后,在查看结果中,发现滑过鼠标事件将触发该事件,但它将闪烁并清除. 当鼠标停留在单元格上时鼠标滑过事件,遮罩层将消失并重复出现. 开关. 为了缓解这种情况,setTimeout也用于延迟显示和隐藏在 ...
- vue中directives的用法
Vue中directives的用法 关于 vue 中 directives 的用法问题,详细可以参考vue官方对directives的解释 当前文章主要讲述directives怎么用,directiv ...
最新文章
- 递归-递归实现数字累加
- 心电信号去噪(part5)--小波及其他技术方面问题
- android 更改软键盘_如何在Android的Google键盘上更改声音和振动
- php mysql 单例模式_PHP单例模式_PHP单例模式数据库连接类
- 二叉树的深度_十七:二叉树的最小深度
- mysql 递归查询_Mysql递归查询,无限级上下级菜单
- Setup Factory 安装程序的图标
- 很邪门的事,你知道多少?
- PHP 小程序中微信支付
- 计算机名无法修改怎么办,win7系统计算机名字无法更改的解决方法
- linux test命令测试标志
- kotlin和java相互转换的实操
- 软件测试专业职业访谈报告范文,第一部分:创业者访谈报告
- 微软浏览器Edge在虚拟机(WIN11)中打开标签栏泛白
- 遇到爬虫、接口盗刷怎么办?反爬虫组件来助你
- navicat登录oracle问题
- 科普:黄皮书是什么?
- EV录屏软件操作方法
- 单片机c语言有org吗,哪位大佬能帮在下翻译一下这段单片机的代码,顺便告诉我是用的什...
- 运行proto文件踩坑历程