vue .env配置文件使用API

本文介绍了Vue项目中.env配置文件的命名格式、层叠特性、文件内容和加载方式。在不同环境中,如开发、生产、测试,Vue会自动加载相应配置,并遵循环境配置优先于全局配置的规则。.env文件中的变量以VUE_APP_开头,通过process.env.VUE_APP_VAR_NAME访问。文章还给出了一个使用场景,如何利用.env配置文件切换Axios的请求地址子路径。
摘要由CSDN通过智能技术生成

命名格式

以如下方式在根目录创建命名文件,项目加载时自动识别,无需手动控制加载文件

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

开发环境加载:.env.development在开发环境下的配置文件

生产环境加载:.env.production在生产环境下的配置文件

测试环境加载:.env.staging在测试环境下的配置文件

image-20220209114403693

层叠特性

全局配置文件: .env

环境配置文件:.env.development .env.production .env.staging

执行顺序:先加载全局配置文件文件,然后加载环境配置文件文件。

例如:在开发环境下

先加载.env文件,然后加载.env.development文件。

优先级:环境配置文件 > 全局配置文件

全局的配置文件环境的配置文件有相同配置项时,环境的配置项会覆盖全局的配置项。<

  • 1
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值