vite react 앱 github page 서브디렉토리에 배포하기

1. vite.config.ts 수정

// https://[아이디].github.io/[서브디렉토리주소]
export default defineConfig({
  base: "/[서브디렉토리주소]/",
});

2. react의 라우터 기본경로 수정

// https://[아이디].github.io/[서브디렉토리주소]
ReactDOM.createRoot(document.getElementById("root")!).render(
  <BrowserRouter basename="/[서브디렉토리주소]">
    <App />
  </BrowserRouter>
);

위와 같이 수정 후 npm run build 해서 빌드된 dist 폴더 안에 있는 파일을 해당 레파지토리에 업로드 하면 된다.