Vite 프로젝트에서 개발 서버와 실서버 구분하는 방법

오늘 프로젝트 QA처리 도중 개발 서버와 실서버 모두 같은 이름의 사용자를 띄워줘야 하는 상황이 있었습니다.

이때 같은 이름의 사용자를 불러오는 key가 staffId였는데 개발서버와 실서버의 staffId값이 서로 다른 상황이라 구분을 해줄 수 있어야 했습니다.

이때 참고 한 문서가 아래의 링크입니다.

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

Vite

import.meta.env.MODE -> 이 문구를 console.log()로 찍어보면 개발 환경일 때는 즉 local인 경우에는 'development'를 출력하고 개발 환경이 아닌 경우에는 ‘production'를 출력한다.

이를 통해 문제를 해결할 수 있었습니다.