[VUE] 多环境配置代码一条龙

要点1:环境配置三个文件

文件名必须按照以上方式明明,不能乱起名,否则读取不到文件

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

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

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

注:创建一个.env.prod文件,使用npm run build时默认会加载.env.production配置文件,但是这里换了名字 .env.prod,就需要在package.json文件中进行配置,通过npm run build :prod即可在运行时,加载对应的配置文件

要点2:属性开头 VUE_APP_;文件放在目录

Node_ENV用于指定当前环境是生产还是开发或者其他自定义环境,环境变量中的名字前置必须以VUE_APP开头,后边可以使用任意名字结尾,在代码中使用process.env即可访问到定义的环境变量

要点3:.env.xxx.local 修改全局环境变量

vue-cli-service serve --mode test

在scripts下配置一个脚本命令例如:vue-cli-service serve --mode (test),此脚本会运行,如果配置了.env(任何脚本都会运行此

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值