1、 环境变量配置文件（.env） 和 process
1.1 环境变量配置文件（.env）是什么？
在vue项目中，env是全局配置文件，可以存储不同环境下的变量。
- 默认有两个配置文件，
- 1、开发环境
.env.development； - 2、生产环境
.env.production。
这里我自行创建了一个测试环境的文件`.env.test`
1.2 配置.env文件
- 变量名必须以
VUE_APP_开头，全部用大写字母，用下划线_隔开
如图
可根据需要配置不同的
name、api等
1.3 配置启动命令
在项目更目录下找到
package.json，在scripts中配置，示例如图：
- dev 开发环境 默认加载
.env.development配置文件 - build 生产环境 默认加载
.env.production配置文件 - build:test 生产测试环境 默认加载
.env.production和.env.test配置文件 --新增命令
需要留意新增命令末尾的
--mode test这里是加载哪个.env文件的关键
test加载.env.testprod加载.env.prod
1.4 process是什么？
官方说明：process 对象是一个全局变量，它提供有关当前 Node.js 进程的信息并对其进行控制。 作为一个全局变量，它始终可供 Node.js 应用程序使用，无需使用 require()。
看图
主要看一下process.env
这里执行了上文中所配置的
build:test命令
1.5 结论
可根据不同的环境来配置.env文件；例如：开发、测试、生产环境的请求地址不同，便可以在.env文件中定义一个全局变量VUE_APP_BASE_URL，在请求封装中使用。
示例项目地址：github.com/hezhangshen…
