[配置]VUE中通过process.env判断开发 测试和生产环境 并分环境配置不同的URL HOST

[配置]VUE中通过process.env判断开发，测试和生产环境，并分环境配置不同的URL HOST

process.env是什么？

process.env 是 Node.js 中的一个环境对象。其中保存着系统的环境的变量信息。NODE_ENV 就是其中的一个环境变量。这个变量主要用于标识当前的环境(生产环境，开发环境)。

在 Vue 中， NODEENV 可以通过 .env 文件或者 .env.[mode] 文件配置。配置过后，运行 Vue CLI 指令( npm run dev(serve) ，npm run build )时，就会将该模式下的NODEENV载入其中了。而这些命令，都有自己的默认模式：

npm run dev(serve) ，其实是运行了 vue-cli service serve ，默认模式为 development 。可以在 .env.development 文件下修改该模式的 NODE_ENV 。

npm run build ，其实运行了 vue-cli service build ，默认模式为 production 。可以在 .env.production 文件下修改该模式的 NODE_ENV

1.在项目根目录分别创建.env.development、.env.preview、.env.production三个文件

.env.development.env.preview.env.production

三个文件分别对应开发环境、测试环境、生产环境

2.在文件里定义常量

VUE_APP_API_BASE_URL=http://127.0.0.1:6060

3.使用：process.env.VUE_APP_API_BASE_URL