关于env

• .env 所有环境(开发、测试、生成等）均会加载并合并该文件。
• .env.development 开发环境
• .env.production 生产环境

    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build --mode development",
    "build:pro": "vue-cli-service build --mode production",
    "build:test": "vue-cli-service build --mode test",
  },

// 在 vite 程序中获取
console.log(import.meta.env.VITE_APP_BASE_API);
// 在 vue2 项目中获取
console.log(process.env.VUE_APP_BASE_API);

在 vite 中对于不支持 import.meta.env来获取变量，我们可以使用 Vite 导出的 loadEnv 函数来加载指定的 .env 文件

import { defineConfig, loadEnv } from 'vite'

export default defineConfig(({ command, mode }) => {
  // 根据当前工作目录中的 `mode` 加载 .env 文件
  // 如果当前环境是开发环境，则 mode 为 development
  // 设置第三个参数为 '' 来加载所有环境变量，而不管是否有 `VITE_` 前缀。
  const env = loadEnv(mode, process.cwd(), '')
  const { VITE_APP_BASE_API } = env // VITE_APP_BASE_API = /dev-api
  return {
    // vite 配置
    define: {
      __APP_ENV__: JSON.stringify(env.APP_ENV),
    },
  }
})

• 要想使用环境变量，变量的开头有固定要求，在 vite 项目中以 VITE_ 开头，在 vue2 项目中以 VUE_APP 开头。