当前位置: 首页 > 编程笔记 >

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

何松
2023-03-14
本文向大家介绍vue项目使用.env文件配置全局环境变量的方法,包括了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被保留

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持小牛知识库。

 类似资料:
  • 我需要在我所有的idea运行配置中使用一个环境变量。我目前使用run- 我试图设置env变量在我的linux系统使用在各种会话配置文件:,,,但是intellij在运行过程中似乎忽略了这些变量,即使当我从intellij内置终端启动时,它显示了正确的输出。 我也尝试使用intellij. env文件插件,然后设置在文件在项目根。也没起作用。

  • ENV 设置环境变量 格式有两种: ENV <key> <value> ENV <key1>=<value1> <key2>=<value2>... 这个指令很简单,就是设置环境变量而已,无论是后面的其它指令,如 RUN,还是运行时的应用,都可以直接使用这里定义的环境变量。 ENV VERSION=1.0 DEBUG=on \ NAME="Happy Feet" 这个例子中演示了如何换行,以

  • 假设我有. env文件包含如下行: 不像普通的文件有< code>export前缀,所以我不能直接获取文件。 创建从. env文件加载内容并将其设置为环境变量的外壳脚本的最简单方法是什么?

  • 如何配置 比如要 # OS X, Linux $ PORT=3000 umi dev # Windows (cmd.exe) $ set PORT=3000&&umi dev # Or use cross-env for all platforms $ yarn add cross-env --dev $ cross-env PORT=3000 umi dev # .env $ echo P

  • 默认的settings.gradle文件内容如下: include ':app' settings.gradle是项目的全局配置文件,主要声明一些需要加入构建的模块,本例中只有一个模块:app. 如果新增一个模块需要在这里添加配置,通过Android Studio添加依赖的module会自动在这里添加相应的配置的. 包含多个模块的格式是这样的: include ':app',':other-mod

  • 我有一个Spring Boot应用程序,它与DB交互,使用spring data REST提供资源。我想从环境变量中获得配置。下面是我的属性文件。 我的环境变量在图像https://ibb.co/cyxsnc中 我甚至还尝试了下面的配置 注意:如果设置如下所示的值,配置工作正常 我错过了什么?