Vite 的环境变量是如何加载的？

Vite 通过约定式的文件与导入方式管理环境变量，区分开发与生产环境。

1. 通过文件加载

Vite 会加载项目根目录下以 .env 为后缀的环境变量文件（如 .env、.env.local、.env.[mode] 等），并按运行模式（development / production 或自定义 mode）选择对应文件。

2. 以 import.meta.env 访问

在代码中通过 import.meta.env 访问环境变量，其中 VITE_ 前缀的变量才会暴露给客户端代码，避免把仅应在服务端使用的敏感信息打包进前端产物。

3. 区分客户端与服务端变量

只有以 VITE_ 开头的变量会被静态替换进客户端代码，未加前缀的变量仅在 Node 端（如 SSR、构建脚本）可用，从而保护敏感配置不被泄露到浏览器。