vue3配置环境变量

在Vue 3中配置环境变量有两种方式：使用`.env`文件和使用`.env.[mode]`文件。下面我将分别介绍这两种方式的配置步骤。

1. 使用`.env`文件：
- 在Vue项目的根目录下，创建一个名为`.env`的文件。
- 在`.env`文件中定义你的环境变量，例如：

     VUE_APP_API_URL=https://api.example.com

- 在Vue组件中可以通过`process.env`对象访问这些环境变量，例如：

     console.log(process.env.VUE_APP_API_URL);

2. 使用`.env.[mode]`文件：
- 根据你的开发模式（如开发模式、测试模式、生产模式等），在项目根目录下创建相应的`.env.[mode]`文件。例如，创建`.env.development`文件用于开发模式。
- 在`.env.[mode]`文件中定义你的环境变量，例如：

     VUE_APP_API_URL=https://api.example.com

- 在Vue组件中同样可以通过`process.env`对象访问这些环境变量。