vite 프로젝트에서 process.env를 사용하려고 했더니 발생한 오류

vite 프로젝트를 gh-pages로 배포하기 위해 basename을 process.env.PUBLIC_URL로 설정하였더니

Uncaught ReferenceError: process is not defined

오류가 발생하였다.

찾아보니 vite는 cra와 달리 process.env를 제공하지 않기 때문에 import.meta.env를 사용하여 접근하면 된다.

• 수정 전 코드

<BrowserRouter basename={process.env.PUBLIC_URL}>

• 수정한 코드

<BrowserRouter basename={import.meta.env.BASE_URL}>