Как работает SPA при обновлении страницы

SPA (Single Page Application) загружает весь необходимый код (HTML, CSS, JS) один раз при первом открытии. При обновлении страницы браузер повторно запрашивает `index.html` и JS-бандл, но логика маршрутизации (например, через React Router или Vue Router) восстанавливает текущий URL-путь. **Пример с React Router:** ```jsx // При обновлении на /dashboard: } /> } /> ``` После обновления роутер сопоставляет URL с маршрутом и рендерит нужный компонент. Данные (если они были) обычно подгружаются заново через API, так как состояние сбрасывается. **Нюансы:** - Если сервер не настроен (например, на Apache/Nginx), обновление не-SPA-путей (`/dashboard`) вернет 404. Решение: настройка `fallback` на `index.html`. - Состояние (Redux/Vuex) сбрасывается, если не используется сохранение в `localStorage` или аналоги.