vue 环境变量配置

Vue环境变量配置可以通过以下步骤进行：

1. 在根目录下创建一个`.env`文件。这个文件可以包含多个环境变量，每个变量以`VUE_APP_`开头，例如：`VUE_APP_API_URL=http://example.com/api`。

2. 在你的Vue应用程序中，你可以通过`process.env`访问这些环境变量。例如，你可以使用`process.env.VUE_APP_API_URL`来获取上述示例中的API URL。

3. 默认情况下，Vue会在构建时使用`.env`文件中的环境变量。如果你想在不同的环境中使用不同的环境变量，可以创建以下文件来覆盖默认值：
- `.env.development`：用于开发环境。
- `.env.production`：用于生产环境。
- `.env.test`：用于测试环境。

这些文件将会根据你的构建模式自动加载相应的环境变量。

4. 如果你希望在构建时使用不同的环境变量，可以在`package.json`中的`scripts`部分修改命令。例如，你可以添加以下命令：

   "scripts": {
     "build:dev": "vue-cli-service build --mode development",
     "build:prod": "vue-cli-service build --mode production"
   }

然后，在对应的构建命令中，Vue将会自动加载与构建模式匹配的环境变量文件。

这样，你就可以根据不同的环境配置不同的环境变量，方便地管理你的Vue应用程序的配置。