vite获取环境变量

Vite 是一个现代化的前端构建工具，它提供了一种便捷的方式来加载和获取环境变量。在 Vite 中获取环境变量通常涉及以下步骤：

1. 在项目根目录下创建一个 `.env` 文件（例如 `.env.local`），并使用以 `VITE_` 开头的键来定义你的环境变量，如 `VITE_API_KEY=your_api_key`。这样做可以确保这些变量被作为客户端代码的环境变量加载。

2. 在你的代码中，你可以通过 `import.meta.env` 对象访问这些环境变量。例如，在 JavaScript 或 TypeScript 文件中，你可以这样获取 API 密钥：`const apiKey = import.meta.env.VITE_API_KEY`。

3. 为了类型检查和代码提示，你可以创建一个 `.env.d.ts` 文件，并添加声明，以便在 TypeScript 文件中使用环境变量。例如：

/// <reference types="vite/client" />

interface ImportMetaEnv {
  readonly VITE_API_KEY: string;
}

interface ImportMeta {
  readonly env: ImportMetaEnv;
}

通过遵循上述步骤，你可以在 Vite 项目中轻松地管理和使用环境变量。注意，以 `VITE_` 开头的变量仅在构建时可用，如果需要在服务器端代码中使用环境变量，你可以使用其他方法，如 Node.js 的 `process.env`。