Vue - NPM 실행 npm 실행 시 Supabase 오류

Question

그래서 저는 Vue 애플리케이션을 개발 중입니다. 나중에 Supabase를 사용하여 백엔드를 추가하고 Vercel에 배포하고 싶었습니다. 그러나 백엔드 요소를 추가한 후 npm runserve를 실행하면 다음 오류가 발생합니다.

으아아아

이게 무슨 뜻인지 아는 사람 있나요? Vite로 설정된 또 다른 Vue 앱이 있고 로컬에서는 잘 실행되지만 Vite로 설정되지 않은 이 Vue 앱에서는 잘 실행되지 않습니다.

Answer 1

.env 변수를 VITE_SUPABASE_URL에서 VUE_APP_SUPABASE_URL로 변경하고 import.meta.env를 process.env로 변경합니다.

예:

지금부터

으아아아

바로 그거야

으아아아