You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.22 00:01:00