[Vue3 + Vite] .env 환경변수를 찾을 수 없거나 사용할 수 없을 때!

Vue2에선

"VUE_APP_{변수명}=123445" 처럼

접두사 "VUE_APP_"을 사용해서 환경변수를 사용할 수 있었다.

 

 

Vue3에서 Vite를 사용해서 번들링한다면,

접두사 "VITE_" 를 사용해야 한다!

변수를 사용할 땐 "import.meta.env.VITE_{변수명}" 으로 사용하자!!

// .env
VITE_SOME_KEY=123

console.log(import.meta.env.VITE_SOME_KEY) // 123

 

 

https://ko.vitejs.dev/guide/env-and-mode.html#env-files

Vite