vue--环境变量

在一个项目中开发到上线的时候需要经过几个阶段，并且同一套系统可能使用的地方不一样 logo啊标题啊显示内容啊都会不一样

开发测试上线，所以需要有不同环境变量来进行动态变更 方便打包和运行的时候看看效果

 

 

vue 中有个概念就是模式，默认先vue cli 有三个模式

development 模式用于 vue-cli-service serve

production 模式用于 vue-cli-service build 和 vue-cli-service test:e2e

test 模式用于 vue-cli-service test:unit

 

但是往往开发的时候可能不止有三种：
本地环境（local）
开发环境（development）
测试环境（devtest）
预发布环境（beta）
生产环境（production）

1.创建不同环境变量文件

2.给.env文件添加内容

3.在package.json中添加不同环境对应的执行语句

4.使用

 

参考：

vue-cli 4.0配置环境变量

https://www.cnblogs.com/sese/p/11905402.html

 

vue如何设置环境变量

https://blog.csdn.net/qq_34543252/article/details/106002332