Vue 环境变量详解：从 NODE_ENV 到自定义变量

Vue 的环境变量可以帮助我们根据不同的运行环境进行配置，例如开发环境、生产环境等。以下是 Vue 常用的环境变量：

1. 'process.env.NODE_ENV'：表示当前运行环境的模式，通常有 'development'、'production'、'test' 等。

2. 'process.env.VUE_APP_*'：以 'VUE_APP_' 开头的自定义环境变量，可以在项目中使用。例如，设置 'VUE_APP_API_URL=http://localhost:8080'，就可以在代码中通过 'process.env.VUE_APP_API_URL' 引用该变量。

3. 'process.env.BASE_URL'：表示当前应用的基本 URL，通常用于路由的 base 配置。

4. 'process.env.VUE_CLI_SERVICE_CONFIG_PATH'：Vue CLI 的配置文件路径，一般情况下不需要使用。

5. 'process.env.VUE_CLI_CONTEXT'：Vue CLI 的上下文路径，一般情况下不需要使用。

6. 'process.env.VUE_CLI_PLUGINS'：Vue CLI 的插件列表，一般情况下不需要使用。

7. 'process.env.VUE_CLI_SERVICE_ID'：Vue CLI 的服务 ID，一般情况下不需要使用。

8. 'process.env.VUE_CLI_API_MODE'：Vue CLI 的 API 模式，一般情况下不需要使用。

9. 'process.env.VUE_CLI_SERVICE_VERSION'：Vue CLI 的版本号，一般情况下不需要使用。

通过设置环境变量，我们可以轻松地切换项目运行环境，并根据不同的环境进行代码配置，例如 API 地址、日志级别等。这不仅方便了开发调试，也提升了代码的可维护性。