Vue多环境配置

VUE项目使用.env配置多种环境

本文来源：VUE项目使用.env配置多种环境_.env.prod-CSDN博客

作者：櫆溟-CSDN博客

在Vue项目中，可以使用.env文件配置全局环境变量，就如同SpringBoot项目的application文件一样

第一步，创建多个环境配置文件

.env文件是默认的全局配置环境，无论是什么环境都会加载

.env.development 文件是开发环境，使用npm run server时默认会加载此配置文件

.env.production文件是生产环境，使用npm run build时默认会加载此配置文件

.env.stage 文件是用来定义一个中间环境的配置，通常用于测试应用程序在真实生产环境之前的稳定性和性能。

.env.自定义名称 根据自身要求，给此配置文件取名，前面一定是.env.

 

第二步，编写内容

 

第三步，在package.json文件中编写启动命令

 

第四步，输出环境变量并演示