vue项目使用.env文件配置全局环境变量

2020-04-02 13:06:16

参考地址 vue项目使用.env文件配置全局环境变量

关于文件名:必须以如下方式命名,不要乱起名,也无需专门手动控制加载哪个文件


.env 全局默认配置文件,不论什么环境都会加载合并


.env.development 开发环境下的配置文件


.env.production 生产环境下的配置文件




 


================================================================================================


关于文件内容:


注意:属性名必须以VUE_APP_开头,比如VUE_APP_XXX


.env:




 


.env.development:




 


================================================================================================


关于文件的加载:


根据启动命令vue会自动加载对应的环境,vue是根据文件名进行加载的,所以上面说“不要乱起名,也无需专门控制加载哪个文件”


比如执行npm run serve命令,会自动加载.env.development文件


启动项目:




打印process.env属性(全局属性,任何地方均可使用):






可见NODE_ENV被改为了development,覆盖掉了.env中的全局属性


.env中的全局属性NODE_ENV、VUE_APP_URL被覆盖,


.env中的全局属性VUE_APP_PREVIEW、VUE_APP_DEFAULT_PARAM被保留



  • 2019-07-23 14:49:40

    Windows10上使用Linux子系统(WSL)

    Linux的Windows子系统让开发人员可以直接在Windows上运行Linux环境(包括大多数命令行工具,实用程序和应用程序),而无需建立在虚拟机的开销之上,整个系统共200多M,但包含了你能用到的所有功能,并且和windows完美互操作(省去linux挂载本地windows分区或目录的操作),目前Linux的windows子系统已经相当完善,可当作完整linux系统使用

  • 2019-07-24 01:21:15

    android开发无障碍app

    最近做一些为盲人提供服务的APP,还是挺有感触的,感谢手机和互联网的普及,他们的生活比以前丰富了很多。 通过读屏软件,盲人可以操作手机,上网浏览信息。读屏软件的工作原理很简单,就是读出屏幕上按钮、文本的信息。

  • 2019-07-26 19:31:03

    Guacamole搭建

    因项目需要,经历多天查阅各种文档,几经波折终于功德圆满,写下此篇文章供大家分享。Guacamole就个人理解而言是一个可以通过web浏览器访问远程服务器终端进行操作的可视化工具。主要由web(浏览器)、Guacamole Server(核心)、Remote Desktops(远程桌面)三大模块组成。

  • 2019-07-30 22:36:10

    使用 Spring Initializr 初始化 Spring Boot 项目

    万事开头难,你需要设置一个目录结构存放各种项目内容,创建构建文件,并在其中加入各 种依赖。Spring Boot CLI消除了不少设置工作,但如果你更倾向于传统Java项目结构,那你应该 看看Spring Initializr。