# tsconfig.json { "compilerOptions": { "types": ["vite/client"], ... } }
读取环境变量文件.env Files
Vite使用dotenv从你的项目根目录下的以下文件中加载额外的环境变量:
.env.[mode] # only loaded in specified mode
为了防止意外地将env变量泄漏到客户端,只有以VITE_前缀的变量才会暴露给经过VITE_处理的代码。例如:
# .env.production # 读取 console.log(import.meta.env.VITE_API_URL); # 读取 console.log(import.meta.env.MAP_KEY); MAP_KEY = xxxxxxxxxxxxxxx VITE_API_URL = http://prod.api.com
只有VITE_API_URL会暴露为import.meta.env。您的客户端源代码的VITE_API_URL,但MAP_KEY不会。
类型"ImportMeta"上不存在属性"env"(Property 'env' does not exist on type 'ImportMeta')