Vue3 + Vite中import.meta.env.VITE_BASE_URL获取失败求助
解决Vite环境变量读取问题的几个关键点
- 明确Vite的自定义环境变量规则:只有以
VITE_开头的变量才会被暴露,但需满足这些前提:- .env文件必须放在项目根目录,不能嵌套在src或其他子文件夹中
- 文件名要匹配当前运行环境:开发环境用
.env,生产环境用.env.production,测试环境用.env.test
- 检查.env内的变量定义格式:避免语法错误,正确写法示例:
注意VITE_BASE_URL=http://你的接口域名.com=前后不要加空格,变量值无特殊字符时无需额外添加引号 - 必须重启开发服务器:Vite仅在启动阶段读取.env文件,修改文件后需关闭并重新执行
npm run dev,否则新变量无法被加载 - 排查多.env文件冲突:
.env.local、.env.development.local等文件优先级高于普通.env,需确认这些文件中是否正确定义了VITE_BASE_URL - 理解内置变量逻辑:
BASE_URL是Vite自带的内置环境变量,默认值为/,无论是否手动定义都会存在,这也是它能正常输出的原因,和自定义变量的规则完全不同
内容的提问来源于stack exchange,提问作者Dusan
相关产品推荐
相关产品推荐

