Static Hosting

요청은 CDN을 지나 결국 index.html로 모인다

정적 호스팅은 파일을 빠르게 전달하고, SPA fallback은 브라우저 라우터가 경로를 이어받게 만드는 핵심 설정입니다.

1

사용자 URL 요청

사용자가 루트나 하위 경로로 접속해 정적 호스팅에 요청을 보냅니다.

2

CDN 파일 탐색

CDN은 dist에 배포된 실제 파일이 있는지 먼저 확인합니다.

3

fallback 적용

파일이 없는 앱 경로는 index.html로 보내 404를 막습니다.

4

React Router 처리

브라우저에서 라우터가 URL을 읽고 맞는 화면을 렌더링합니다.

Netlify

_redirects

/* /index.html 200 규칙을 public에 둡니다.

GitHub Pages

하위 경로

저장소 이름이 URL에 들어가면 Vite base를 함께 확인합니다.

도메인

DNS와 SSL

연결 후 HTTPS 인증서가 발급됐는지 최종 접속으로 확인합니다.