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被保留

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。

赞 (0)

相关推荐

  • vue 全局环境切换问题

    前端开发经常碰到切换环境的情况, 测试环境,开发环境,正式环境(以及图片环境~~) 1.我们在utils中创建一个global.js文件 /** @Author: faith 全局常量对象 create by faith 2019-10-23 @return 全局常量对象 * export function global() { const localGlobal = { PORTAL: 'http://test.域名.com:1024', // 前台 CONSOLE: 'http://test

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

    关于文件名:必须以如下方式命名,不要乱起名,也无需专门手动控制加载哪个文件 .env 全局默认配置文件,不论什么环境都会加载合并 .env.development 开发环境下的配置文件 .env.production 生产环境下的配置文件 关于文件内容: 注意:属性名必须以VUE_APP_开头,比如VUE_APP_XXX .env: .env.development: 关于文件的加载: 根据启动命令vue会自动加载对应的环境,vue是根据文件名进行加载的,所以上面说"不要乱起名,也无需专门控制加

  • vue-cli3添加模式配置多环境变量的方法

    vue-cli3配置多环境变量 先挂官网描述:环境变量和模式 需求 根据运行环境判断执行代码: 预发环境操作完成跳转地址与线上环境跳转地址不同 线上环境添加埋点脚本 实现 Step1:在项目根目录中新建.env.uat .env.uat配置如下: VUE_APP_BUILD_TYPE=uat vue-cli中规定,只有以 VUE_APP_ 开头的变量会被 webpack.DefinePlugin 静态嵌入到客户端侧的包中. 代码中可以通过 process.env.VUE_APP_SECRET 这

  • 浅谈三种配置linux环境变量的方法(以java为例)

    1. 修改/etc/profile文件 如果你的计算机仅仅作为开发使用时推荐使用这种方法,因为所有用户的shell都有权使用这些环境变量,可能会给系统带来安全性问题. ·用文本编辑器打开/etc/profile ·在profile文件末尾加入: export JAVA_HOME=/usr/share/jdk1.6.0_14 export PATH=$JAVA_HOME/bin:$PATH export CLASSPATH=.:$JAVA_HOME/lib/dt.jar:$JAVA_HOME/li

  • mac上配置Android环境变量的方法

    1.AndroidSDK路径查看 (1)AndroidStudio: 菜单栏AndroidStudio > Preferences > Appearences&Behavior > System Settins > Android SDK tab中的SDK Location. (2)Eclipse: 菜单栏Eclipse > Preferences > Android tab中的SDK Location 2.环境变量配置: Android_HOME:即配置SDK

  • win10下配置java环境变量的方法

    一.准备java 我已经把java装到了在D盘: 二.配置java环境变量 点击设置,进入windows设置页面: 搜索高级系统设置: 在系统变量里添加以下变量: 新建系统变量JAVA_HOME, java的安装路径,需要到java里的jdk目录: 新建系统变量CLASSPATH变量, 输入如下值: .;%JAVA_HOME%\lib;%JAVA_HOME%\lib\tools.jar,注意前面的小数点也要带上. 在系统变量的path变量里添加两行: %JAVA_HOME%\bin %JAVA_

  • IDEA配置jdk环境变量的方法

    提前安装jdk,配置环境变量 一.配置jdk 1.依次点开File -->Project Structure,点击左侧标签页,点击SDKs 2.点击+号,选SDK 3.在弹出框选择jdk路径(我本地装了两个jdk,大家可以忽略) 4.点击OK,可以看到jdk配置好了 5.按照这个顺序,可以配置多个jdk 到此这篇关于IDEA配置jdk环境变量的方法的文章就介绍到这了,更多相关IDEA配置jdk内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们!

  • 详解Windows 配置Java环境变量的方法

    Java 教程 Java 是由 Sun Microsystems 公司于 1995 年 5 月推出的高级程序设计语言. Java 可运行于多个平台,如 Windows, Mac OS 及其他多种 UNIX 版本的系统. 移动操作系统 Android 大部分的代码采用 Java 编程语言编程. 下载 JDK 下载地址:https://www.oracle.com/java/technologies/downloads/ 1.配置JAVA_HOME环境变量 变量名称:JAVA_HOME 变量值: C

  • win7配置adb环境变量的方法步骤

    win7配置adb环境变量的方法步骤

    下面是配置Android开发ADB环境变量的操作步骤. 工具/原料 win7系统电脑+Android SDK 方法/步骤 1.首先右击计算机--属性--高级系统设置--环境变量: 2.弹出"环境变量"对话框,单击"新建"一个环境变量. 3.在新建系统变量里,配置变量名:Android 变量值:D:\Users\Administrator\AppData\Local\Android\sdk\platform-tools(Android SDK目录ADB开发工具的所在路

  • windows下zookeeper配置java环境变量的方法

    windows下zookeeper配置java环境变量的方法

    先找到文件 zookeeper的bin目录下编辑zkEnv.cmd 修改如下图 如果你的系统有多个JAVA_HOME类型的系统变量  则需要在该文件中指定用哪一个,并且还要修改windows的jdk环境变量 总结 以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,谢谢大家对我们的支持.如果你想了解更多相关内容请查看下面相关链接

  • Docker Compose引用环境变量的方法示例

    在项目中,往往需要在 docker-compose.yml 文件中使用环境变量来控制不同的条件和使用场景.本文集中介绍 docker compose 引用环境变量的方式. 说明:本文的演示环境为 ubuntu 16.04. Compose CLI 与环境变量 Compose CLI(compose command-line 即 docker-compose 程序)能够识别名称为 COMPOSE_PROJECT_NAME 和 COMPOSE_FILE 等环境变量(具体支持的环境变量请参考这里).比

随机推荐