项目的环境配置

概念:同一个'变量'的值可以根据不同的环境自动切换与环境相对应的值,这样的变量就称之为环境变量

对应环境

文件

说明

开发环境

.env.development

当运行vue-cli-service serve

的时候会以此文件为配置文件,这个文件中可以定义针对开发环境的环境变量

生产环境

.env.production

当运行vue-cli-service build

的时候会以此文件为配置文件,这个文件中可以定义针对生产环境的环境变量

1.定义环境变量(要以.env开头):


.env.production文件
# just a flag
ENV = 'development'
# base api
VUE_APP_BASE_API = 'https://...'
VUE_APP_BASE_URL= 'https://...'


2.使用环境变量:使用环境变量采用固定的前缀 process.env.环境变量名,环境变量名要与定义时的保持一致(baseUrl)

process.env.VUE_APP_BASE_API

3.添加环境

执行相应指令就可以进入相应环境啦

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值