vue | 自学入门,记录
vue的环境区分
serve命令
--mode
命令:指定运行时候的模式。默认有三个development,production,test。如果指定了--mode development
那么,vue会默认执行.env .env.development .env.envelopment.local,按照顺序去执行,相同的变量名,将会替换成最后一个文件里面的,也就是.development.local,其他mode同理。另外,如果没有指定mode,那么默认是development- 当然,你可以自己指定其他模式,比如.env.local,env.local.local。反正每个模式下,对应三个文件
.env
,.env.x
,.env.x.local
,按顺序执行。
原理
借助process对象,process是一个node.js运行时的全局对象。vue在运行时候,会将环境文件中的变量,挂在到process.env中,不过,只有VUE_APP_开头的变量会被挂载。
NODE_VUE 和 VUE_APP_
假设.env.development
如下,执行 npx vue-cli-service serve --mode development
,process.env.NODE_ENV会输出什么?pro
其实就是想提醒,假设我们没有在文件中显示声明NODE_ENV,那么process.env.NODE_ENV会读取命令行中的–mode,但如果显示声明了,就会以文件中的为准。
NODE_ENV = 'pro'
VUE_APP_ENV= 'development'
VUE_APP_URL='https://sec.sptp.cloudbu.huawei.com:7443/vue/'
原文地址:https://blog.csdn.net/YuuuPeeiiiii/article/details/143574048
免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!