vite 的 env 文件的配置使用

1. 文件名和作用

  • .env:默认全局配置,所有环境都会加载。
  • .env.development:仅开发环境加载。
  • .env.production:仅生产环境加载。
  • .env.test:仅测试环境加载。

2. 配置文件格式

  • 每行配置是 键=值 格式。
  • 变量名必须以 VITE_ 开头,才能确保 Vite 能正确读取。

例如:VITE_BASE_URL=http://192.168.1.1/api

3. 访问环境变量

页面中直接使用

console.log(import.meta.env);
console.log(import.meta.env.VITE_BASE_URL);

四下皆无人