process.env

process.env是Node.js中的一个环境对象，保存着系统的环境的变量信息。它是一个全局变量，对于Node.js应用程序始终是可用的，无需使用require()。

你可以通过process.env来访问环境变量，例如：process.env.NODE_ENV可以获取当前环境（生产环境、开发环境等）。

参考链接  Vue中配置使用process.env详解 - 编程宝库

1. 环境变量的设置

在项目根目录下创建 .env 文件，

2. Vue 中读取环境变量

可以在 Vue 组件中使用 process.env 来获取定义在 .env 文件中的环境变量

注意事项

• .env 文件是用于存储环境变量的文件，不应该被上传到代码库中。
• .env 文件中的 变量名 都必须以 VUE_APP_ 开头，才能被 Vue 识别为环境变量。
• .env 文件中的 变量名 和 值 之间不能有空格。
• 在变量名中使用下划线时，需要使用 camelCase 命名方式来访问。例如，VUE_APP_DB_URL 对应 process.env.VUE_APP_DB_URL。
• 在项目中直接使用 process.env 时，需要配置在 public/index.html 文件中引入

模式的应用

根据不同的环境配置模式，就不用每次打包时都去更改 vue.config.js 文件了。比如在测试环境和生产环境， publicPath参数 （部署应用包时的基本 URL） 可能不同。遇到这种情况就可以在 vue.config.js 文件中，将 publicPath 参数设置为：
publicPath: process.env.BASE_URL
设置之后，再在各个 .env.[mode] 文件下对 BASE_URL 进行配置就行了，这样就避免了每次修改配置文件的尴尬。其他的配置也是同理。
Tips: 即使不是生产环境，也可以将模式设置为 production ，这样可以获得 webpack 默认的打包优化。