自学内容网 自学内容网

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)!