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。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/407102.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Shell编程入门(第二版)(中)

变量测试语句-test作用:用来测试变量是否相等,是否为空,文件类型等。格式:test 测试条件 或 [] #范围:整数,字符串,文件 1)整数测试: test int1 -eq int2 测试整数是否相等 test i…

CSS之中间固定两边自适应宽度

第一种:浮动布局实现 HTML: 这种方法我利用的就是浮动原理,左右定宽度分别进行左浮动和右浮动,此时主内容列(中间列没有定度)主会自动插入到左右两列的中间,最要注意的一点是,中间列…

将ocx和DLL文件打包成cab文件,inf的编写

From: http://icrwen.iteye.com/blog/1118766 http://blog.csdn.net/yimiyangguang1314/article/details/6563540 将ocx和DLL文件打包成cab文件,实现IE浏览器在线安装 分类: Windows应用2010-03-25 18:36 2722人阅读 评论(14) 收藏 举报我们打开淘宝等网…

用ADOQuery创建SQL Server数据库,并创建表结构、存储过程和视图

昨天做系统的安装,搞这个搞到头大,现在把总结写下巴。 PS:贴上来代码的缩进就乱掉了 用SQL Server企业管理器导出的SQL文件是不能直接在ADOQuery里用的,因为ADOQuery不支持GO,不支持注释,视图和存储过程的创…

Linux Shell 中 > 和 >> 的异同点和应用场景

和 >> 的异同点 举例说明(start.sh 为某个服务的启动脚本,start.log 为某服务的日志文件): nohup sh start.sh >/var/log/start.log & nohup sh start.sh >>/var/log/start.log &1、相同点 上面两种写法&…

自己动手写简单的web应用服务器(1)—tcp通信

1.socket简介: socket通常称作"套接字",用于描述IP地址和端口,是一个通信链的句柄。在Internet上的主机一般运行了多个服务软件,同时提供几种服务。每种服务都打开一个socket,并绑定在一个端口上,不同的端口…

Taro+react开发(35) 实现拖动

<View><ScrollViewclassName"scrollview"scrollYscrollWithAnimationscrollTop{scrollTop}style{scrollStyle}lowerThreshold{Threshold}upperThreshold{Threshold}onScrollToUpper{this.onScrollToUpper.bind(this)} // 使用箭头函数的时候 可以这样写 onS…

CSS之左定宽度右自适应宽度并且等高布局

一、两列布局&#xff1a;左边固定宽度&#xff0c;右边自适应宽度 方法1&#xff1a;浮动布局 采用的是左边浮动&#xff0c;右边加上一个margin-left值&#xff0c;让他实现左边固定&#xff0c;右边自适应的布局效果 HTML: CSS: 上面这种实现方法最关键之处就是自适应宽度…

Windows Server 2003 R2与SP2 的区别

关于 R2&#xff0c;很多人分不清楚 R2 与 SP2 的关系&#xff0c;总是有人提出“R2 与 SP2 有什么区别”、“我应该将 Server 2003 升级到 R2 还是 SP2”之类的问题。其实 R2 与 SP2 两者并不冲突…… Windows Server 2003 R2 是微软为了扩展 Windows Server 2003 系统的功能而…

Linux scp 免密码 传输文件

SCP的使用 背景介绍 最近项目是集群化部署&#xff08;由 node1&#xff0c;node2&#xff0c;node3 三台 CentOS 7.4 的虚拟机构成&#xff09;。 但是&#xff0c;涉及到跨机器同步文件的问题&#xff0c;想通过写shell文件实现&#xff0c;用 crontab 设置定时任务&#…

ActiveX控件打包成Cab置于网页中自动下载安装

From: http://www.iteye.com/topic/110834 makeCAB.rar (188.5 KB) [背景] 做过ActiveX控件的朋友都知道&#xff0c;要想把自己做的ActiveX控件功能放在自己的网页上使用&#xff0c;那么用户在客户端就必须进行本地的注册&#xff0c;也就是说用户得首先要把该ActiveX控件(te…

我的博客我做主

今天刚刚注册了我的博客&#xff0c;本人将在这里叙写关于编程的方方面面新的知识点。首先声明&#xff0c;本人的编程还是个刚刚入门&#xff0c;所以现在只是向老前辈们学习&#xff0c;如果有比较经典的知识点&#xff0c;我会把把学到的新的知识点留在自己的博客上&#xf…

CSS之创建等高列布局之一

高度相等列在Web页面设计中永远是一个网页设计师的需求。如果所有列都有相同的背景色&#xff0c;高度相等还是不相等都无关紧要&#xff0c;因为你只要在这些列的父元素中设置一个背景色就可以了。但是&#xff0c;如果一个或多个列需要单独设置自己的背景色&#xff0c;那么它…

转这10句话

第一句 如果我们之间有1000步的距离  你只要跨出第1步 我就会朝你的方向走其余的999步 第二句 通常愿意留下来跟你争吵的人  才是真正爱你的人 第三句 付出真心 才会得到真心  却也可能伤得彻底 保持距离 就能保护自己  却也注定永远寂寞 第四句 有时候 不…

一篇介绍VC开发OCX的文章,写得太棒了!!!

From: http://www.cnblogs.com/gengaixue/archive/2010/08/13/1799112.html VC2005从开发MFC ActiveX ocx控件到发布到.net网站的全部过程 开篇语&#xff1a;最近在弄ocx控件发布到asp.net网站上使用&#xff0c;就是用户在使用过程中&#xff0c;自动下载安装ocx控件。&…

Taro+react开发(37)箭头函数括号加个return

{getLearnList.map((item, index) > (<View><View key{index} className"img-title"><Text>xueyuan</Text><Image mode"widthFix" src{item.imgCoverPath} /></View></View>))}

使用webpack打包后的vue项目如何运行(express)

我们知道使用webpack打包vue项目后会生成一个dist文件夹&#xff0c;dist文件夹下有html文件和其他css、js以及图片等&#xff0c;那么打包后的文件该如何正确运行呢&#xff1f; 倘若直接打开html文件&#xff0c;会报如下错误&#xff1a; 那么该如何运行呢&#xff1f;其实…

数据链路层与交换机

1. 数据链路层的功能是什么&#xff1f;负责网络中相邻节点之间可靠的数据传输&#xff0c;并进行有效的流量和差错控制。具体地讲&#xff0c;以一次数据发送为例&#xff0c;数据链路层的作用包括数据链路的建立、维护与拆除、帧包装、帧传输、帧同步、帧的差错控制以及流量控…

编译vo-aacenc遇到的问题

sourceforge更新了vo-aacenc到0.1.3&#xff0c;就把自己的编码器也更新到最新。编译过程中无聊多测试了一下 发现一个小问题http://sourceforge.net/projects/opencore-amr/files/vo-aacenc/下载后解压 1 [gonglinux vo-aacenc-0.1.3]$ pwd 2 /home/gong/ff4android/vo-aacenc…