vite环境变量配置

Vite是一个现代的前端构建工具，它支持快速热更新和预渲染。对于环境变量配置，Vite通常通过`.env`文件、`.env.ts`（TypeScript版本）、或直接在`vite.config.js`中设置环境变量。

1. 使用`.env`文件：创建一个名为`.env`或`.env.production`的文件，用于存储非敏感的生产环境变量，如API地址。内容格式通常是键值对，例如 `VITE_API_URL=https://api.example.com`。Vite会自动读取并替换这些变量到你的项目中。

2. `.env.ts`（TypeScript支持）：如果你的项目需要更强的类型安全，可以使用`.env.ts`文件，这里可以直接导入环境变量并定义它们的类型，例如 `process.env.VITE_API_URL!: string`。

3. `vite.config.js`配置：在项目的`vite.config.js`文件中，你可以直接访问`import()`函数从环境变量文件中导入变量，然后将其作为配置的一部分。比如：

const isProd = process.env.NODE_ENV === 'production'
export default defineConfig({
  //...
  env: {
    VITE_API_URL: isProd ? process.env.VITE_API_URL : 'http://localhost:8080',
  },
})