一、 .env 文件说明

  • .env --- 全局默认配置文件,在所有的环境中被载入,当你指定了环境,它也会合并,并且优先级大于.env,没有指定环境时先找它
  • .env.development --- 指定开发环境的配置文件
  • .env.production --- 指定生产环境的配置文件,当 build 运行会触发此文件

二、变量创建

键值对形式创建,命名必须VUE_APP_开头
列如:VUE_APP_BASE_API = '/api'

.env.production

NODE_ENV='production'
VUE_APP_BASEURL='https://127.0.0.1:3000/api'

.env.development

NODE_ENV='development'
VUE_APP_BASEURL='https://127.0.0.1:3000/api'

NODE_ENV 将决定您的应用运行的模式,是开发,生产还是测试,因此也决定了创建哪种 webpack 配置,如果文件内部不包含 NODE_ENV 变量,它的值将取决于模式,例如,在 production 模式下被设置为 "production",在 test 模式下被设置为 "test",默认则是 "development"。

注意:如果在环境中有默认的 NODE_ENV,你应该移除它或在运行 vue-cli-service 命令的时候明确地设置 NODE_ENV

三、 使用

可以使用 process.env.xxx 来访问属性

console.log('当前:',process.env.VUE_APP_BASEURL);

四、模式

拿VUE举例

development 模式用于 vue-cli-service serve
production 模式用于 vue-cli-service build 

详情可见:模式和环境变量 | Vue CLI

详解.env文件配置---全局环境变量相关推荐

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

    关于文件名:必须以如下方式命名,不要乱起名,也无需专门手动控制加载哪个文件 .env 全局默认配置文件,不论什么环境都会加载合并 .env.development 开发环境下的配置文件 .env.pr ...

  2. Linux配置全局环境变量

    Linux配置全局环境变量的作用跟在Windos环境下配置环境变量一样,对应的工具在配置完环境变量后,在任意目录下均可以访问对应工具的功能,所以为工具配置环境变量可以让我们随处使用配置好了环境变量的工 ...

  3. Yii2 使用 .env 来配置项目环境变量

    2019独角兽企业重金招聘Python工程师标准>>> Yii2 高级版本使用命令 php init 初始化项目之后会提供类似 main.php 和 main-local.php 来 ...

  4. yii2 php init,Yii2 使用 .env 来配置项目环境变量

    Yii2 高级版本使用命令 php init 初始化项目之后会提供类似 main.php 和 main-local.php 来区分本地和 线上的开发环境变量配置. 但是基础版没有提供此功能,那么下面我 ...

  5. pytorch并行处理详解(多GPU,环境变量)

    目录 数据并行 方法一:环境变量 + device + to(device) 第一步,指定*备选*的GPU 直接终端中设定: python代码中设定: 第二步,创建设备(device) 第三步,将da ...

  6. 从 .env 文件加载环境变量

    下载插件 envfile 编写env文件 a=1 引入env文件 添加即可 yaml文件中使用 a: ${a} 作者声明 如有问题,欢迎指正!

  7. linux下配置jdk环境变量

    linux下安装jdk8并配置jdk环境变量 操作系统:Centos6.4 64位 工具:Xftp5.Xshell5 PS:这里使用的是Oracle的jdk,不是OpenJDK,OpenJDK可以通过 ...

  8. ubuntu配置java环境变量

    文章目录 下载 jdk8 上传文件 解压文件 转移文件 配置Java环境变量 验证安装是否成功 下载 jdk8 下载Linux环境下的jdk1.8 http://www.oracle.com/tech ...

  9. 配置Path环境变量

    安装JDK的时候,会自动将 javac 和 java 等文件配置到 环境变量 中 (下载安装时直接配置好环境变量) 当我们下载好JDK之后,开启 '环境变量',将在C盘中的 .JavaPath 的文件 ...

最新文章

  1. NET Core入门笔记
  2. JVM 内存模型与内存分配方式
  3. bzoj 1151: [CTSC2007]动物园zoo
  4. java编译异常有哪些_编译时JAVA最常见的错误有哪些
  5. kallsyms 压缩_initrd.img、System.map学习札记
  6. 拿高薪的web前端都是怎么学的?
  7. windows IDA 调试SO
  8. Django 使用第三方服务发送电子邮件
  9. dedecms 封面模板和列表模板有什么不同
  10. 病历管理系统V 1.0源码分享
  11. MapServer 之 发布网络地图服务(WMS-Web Map Service)
  12. 非组蛋白带什么电荷_非组蛋白是构成真核生物染色体的基本结构蛋白,富含带正电荷的精氨酸(Arg)和赖氨酸(Lys)等碱性...
  13. win10显卡相关配置
  14. x10ti怎么禁用核显_第十代酷睿H性能提升了多少?8核16线程i7 10875H独家测试告诉你答案...
  15. java导出excel数字格式_POI 导出excel带小数点的数字格式显示不对解决方法
  16. 用凯泽窗设计FIR滤波器的优点
  17. Android 阿里百川sdk 接入填坑(淘宝客)
  18. Bert模型-自然语言处理中的预训练技术发展史
  19. FOTA安全升级不会用?手把手教学来啦
  20. GB/T-2423.xx 环境试验文件,整理包括了最新的文件里面

热门文章

  1. 单向链表操作详解(二)[The End]
  2. python期中考试试卷分析_期中考试试卷分析及工作总结
  3. 996 盛行的年代,互联网人如何平衡工作和生活 ?
  4. 时间同步ntpdate
  5. 朵唯云服务账号登录官网_LOL 云顶之弈S4上线测试服:账号注册及客户端下载教程出炉...
  6. 小和尚学习-数组常用API
  7. Ignored attempt to cancel a touchmove event with cancelable=false
  8. 算盘和计算机联想,联想的智慧 IBM的算盘
  9. [ZT]理光R1V夜景拍摄技巧
  10. [算法]求质数的算法之Miller-Rabin算法,C语言实现