[TS] Vite에서 환경 변수 설정하기

1. .env 파일 생성

• 프로젝트 루트에 .env 파일을 만들고 필요한 환경 변수를 정의하자.
• Vite에서는 모든 환경 변수 이름에 VITE_ 접두사를 붙여야 한다.

VITE_SERVER_URL=http://localhost:4000

2. 환경 변수 사용하기

이제 아래와 같이 환경 변수를 사용할 수 있다.

const baseURL = import.meta.env.VITE_SERVER_URL;

const todosAxios = axios.create({
  baseURL,
});

💡 환경 변수를 변경한 후에는 반드시 개발 서버를 재시작해야 변경 사항이 반영된다!