Vite 환경변수 설정하기

 

공식 문서

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

Vite

 

.env 파일로 환경변수를 관리할 때 Vite가 접근할 수 있게 하려면 VITE_ 접두사를 붙여야 한다.

VITE_SOME_KEY=123
DB_PASSWORD=foobar

예를 들어 위와 같이 환경변수를 정의했다면 VITE_SOME_KEY는 접근 가능하지만 접두사가 붙지 않은 DB_PASSWORD는 접근할 수 없다.

 

.gitignore에 .env를 추가해주고 App.jsx에

import.meta.env.VITE_SOME_KEY

를 출력해보면 잘 나오는 것을 볼 수 있다.

 

VITE_GPT_API_KEY = yourAPIKey

 

반년 내내 쓰고 있는 오픈AI 키...