项目空壳已经搭建完成，在写代码前先配置3个环境吧。

根据官方文档：https://cli.vuejs.org/zh/guide/mode-and-env.html#%E6%A8%A1%E5%BC%8F

我们需要在根目录下增加几个文件（txt格式即可，命名不要随意，官方提供的是这种）：

在.env中，写入必要的配置信息和项目需要的信息：

NODE_ENV = "base"
VUE_APP_BASE_URL = "/"
VUE_APP_ENV_NAME = "基础环境"

在.env.development中，修改基础配置信息：

NODE_ENV = "development"
VUE_APP_BASE_URL = "/api/xxx-h5server/"
VUE_APP_ENV_NAME = "开发环境"

在.env.test中，修改基础配置信息，production文件同理：

NODE_ENV = "test"
# 测试环境的接口baseUrl为xxx-h5server
VUE_APP_BASE_URL = "/xxx-h5server/" 
VUE_APP_ENV_NAME = "测试环境"

官方文档中提出：

项目中建议相关的环境变量改为VUE_APP_开头(除NODE_ENV和BASE_URL外)，通过 process.env.NODE_ENV，process.env.VUE_APP_BASE_URL获取到对应参数。 

增加后，我们要开始配置不同环境运行的命令，此命令在package.json中配置：

通过运行npm run serve，npm run build，npm run test运行不同的环境。

 

 

注意点：