在vue项目中怎么设置环境变量，让开发测试生产使用不同的环境变量

在 Vue 项目中，可以通过设置不同的环境变量来实现在开发、测试和生产环境中使用不同的配置。具体步骤如下：

1. 在项目根目录下创建 `.env`、`.env.development`、`.env.test` 和 `.env.production` 四个文件，分别对应不同的环境变量配置。

2. 在这些文件中定义变量，如：

   VUE_APP_API_URL=http://localhost:3000/api

注意：变量名必须以 `VUE_APP_` 开头，否则无法被识别为 Vue 的环境变量。

3. 在 `package.json` 文件中，添加 `scripts` 字段：

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

4. 在代码中，可以通过 `process.env.VUE_APP_API_URL` 来获取环境变量的值，如：

   axios.get(process.env.VUE_APP_API_URL + '/users')

注意：在使用环境变量时，必须以 `process.env.` 开头。

5. 运行命令来启动不同的环境：

   npm run dev  // 启动开发环境
   npm run build:test  // 打包测试环境
   npm run build:prod  // 打包生产环境

这样，就可以在不同的环境中使用不同的环境变量了。