# 【vue基础篇】一看就懂的vue环境变量配置

这是基于cli3.x版本的环境变量配置指南。没有过多复杂的介绍，只有极简的实用配置。旨在给需要的朋友提供帮助以及自己温故知新，真正一看就会懂，懂了就能用。

配置环境变量的目的

项目开发过程中，至少会经历开发环境、测试环境和生产环境(即正式环境)三个阶段。不同阶段请求的状态(如接口地址等)不尽相同，若手动切换接口地址是相当繁琐且易出错的。于是环境变量配置的需求就应运而生，我们只需做简单的配置，把环境状态切换的工作交给代码。

配置步骤

1. 首先在项目根目录下(与package.json同级)新建三个".env"文件

如上，三个".env"文件后缀名为development、production、test，分别对应为开发环境、生产环境和测试环境

.env.development

.env.production

.env.test