Где реализовывается роутинг SPA

В SPA роутинг реализуется на клиентской стороне с помощью JavaScript. Основные подходы:

1. History API - современный способ через pushState() и popstate:

// Навигация
history.pushState({}, '', '/about');

// Обработка изменений
window.addEventListener('popstate', () => {
  // Рендерим нужный компонент
});

2. Hash-based (старый способ, но до сих пор используется):

// Отслеживаем изменения хэша
window.addEventListener('hashchange', () => {
  const route = window.location.hash.substr(1);
  // Рендерим компонент
});

Чаще всего используют готовые библиотеки:

• React: React Router
• Vue: Vue Router
• Angular: Angular Router

Эти библиотеки абстрагируют работу с History API и предоставляют удобный API для декларативного определения маршрутов.