REACT · DEPLOY

정적 호스팅 SPA fallback

정적 호스팅에서 /about 같은 내부 경로로 직접 접근하면 서버는 파일을 찾지 못하므로 index.html rewrite가 필요합니다.

정적 호스팅 SPA fallback 구조

fallback
/about request브라우저가 직접 경로 요청
static serverabout 파일 없음
rewriteindex.html 반환
router matchReact Router가 화면 선택
/about request→static server→rewrite→router match

정적 호스팅 SPA fallback 기준

점검
새로고침SPA 내부 이동은 되지만 새로고침에서 404가 날 수 있습니다.
Netlify_redirects 또는 설정 파일로 fallback을 둡니다.
GitHub Pages404.html fallback 같은 별도 전략이 필요합니다.
API 제외모든 요청을 index로 보내면 API 경로와 충돌할 수 있습니다.