Vue 多环境的配置
Vue 多环境的配置
首先 我们得了解 什么是多环境变量,以及多环境变量的作用,下面用一句简短的话来描述
我们在vue项目开发中,项目在运行时会根据启动的指令来运行不同的环境,在不同的环境中,我们配置对应所需的变量来满足我们的开发需求,称为多环境变量。
环境一般分为开发环境,测试环境,生产环境
作用:
一个项目的完整流程,包含开发阶段、打包阶段、测试阶段,与之对应的则是不同的环境,因为每个环境的接口域名、webpack 配置都是不同的,所以在打包构建时,我们需要区分这些环境,这时就用到了环境变量。
配置流程:
- 创建文件 包含环境变量的配置信息
- 修改启动命令
- 测试
process.env的意思是 当前系统的环境变量 可以获取到一些信息
3.测试结果
我们来到 控制台 查看结果