Vue3 + Vite에서 환경변수(env) 사용하는 방법

create-vue를 사용해 생성한 Vue3 프로젝트는 Vite를 기반으로 합니다. 이 환경에서는 env에 어떻게 접근할까요?

먼저, VITE_을 prefix로 사용해야 합니다. 그러면 import.meta.env로 접근할 수 있습니다.

VITE_ENV_VARIABLE = EXAMPLE

<script setup>
  const variable = import.meta.env.VITE_ENV_VARIABLE
</script>