Vue + Vite 项目中的多环境配置

系统环境

• Vue：3.4.21
• Vite：5.2.0

需求

Vue + Vite 的项目开发中，需要配置多环境。

实现

1. 在项目的根目录下，创建需要的环境变量的文件（我这里需要：开发环境+生产环境）
   .env.development：

   VITE_API_BASE_URL=开发环境的URL

   .env.production：

   VITE_API_BASE_URL=生产环境的URL

2. 使用环境变量

   const baseURL = import.meta.env.VITE_API_BASE_URL;