프로젝트 폴더 구성은 다음과 같았다.
...
>Quasar-admin
...
>src
>boot
supabase.js
.env
...
>supabase
.env
...
...나는 supabase의 .env 파일을 변경했다. supabase project를 변경했기 때문이다.
Quasar-admin에 있는 supabase.js는 클라이언트 초기화 파일이다.
그래서 민감한 내용인 key를 숨기기 위해 .env파일을 통해 환경변수로 적용을 시키고 이를 gitignore하여 git에서 제외시켜야 한다.
env파일을 통해 환경변수를 적용시키기 위해서는 root경로에 사용하는 환경변수파일이 존재해야 한다. 내가 변경한 것은 supabase.js 파일의 상위에 적용된 것이 아니라 상위의 다른 디렉토리에 존재하여 적용되지 않았던 것이다.
이를 확인하기 위해, 가장 중요한 것은, supabase.js에 제대로 환경변수가 전달되느냐이다. 해당 디렉토리로 이동하여 node supabase.js를 입력하고, 결과값을 보면 확인이 가능하다.
그리고 이를 보기 위해서는 소스에 다음 코드를 추가해야 한다.
import dotenv from 'dotenv';
dotenv.config({ path: '/Users/songwoo/dyworkspace/pqm/quasar-admin/.env' });