# Vite 如何读取环境变量

URL: https://caijiao.org/how-to/javascript/vite-env-vars
Source: docs/how-to/javascript/vite-env-vars.md
Description: Vite 如何读取环境变量：客户端变量必须以 VITE_ 开头，通过 import.meta.env 读取。 示例可直接复制到浏览器或项目代码中，并附相关教程、工具入口。

## 快速答案

客户端变量必须以 VITE_ 开头，通过 import.meta.env 读取。

```js
const apiBase = import.meta.env.VITE_API_BASE_URL;
```

## 使用要点

- Node 和 Vite 示例要确认当前运行目录、环境变量前缀和操作系统差异。
- 脚本写文件、执行命令或读取路径前，先打印一次目标路径便于排查。

## 相关内容

- [JavaScript / TypeScript 问题](/how-to/javascript/)
- [JavaScript 教程](/javascript/)
- [TypeScript 教程](/ts/)
- [JSON Formatter](/tool/json-formatter)
- [JSON Validator](/tool/json-validator)