Как браузер понимает hash во Vue файлах

В Vue-файлах хеш (#) используется в URL для навигации без перезагрузки страницы. Браузер обрабатывает его как якорь (anchor), прокручивая страницу к элементу с соответствующим id. Vue Router использует хеш-режим (mode: 'hash'), чтобы эмулировать навигацию без серверной конфигурации.

Пример:

const router = new VueRouter({
  mode: 'hash',
  routes: [...]
});

При переходе по example.com/#/about браузер не отправляет запрос на сервер, а Vue Router обрабатывает путь после # для рендеринга нужного компонента.

Нюансы:

• Хеш-режим работает даже без поддержки History API.
• Сервер игнорирует часть после #, поэтому не требует настройки.
• Не SEO-дружелюбен, так как поисковики могут игнорировать хеш.

Альтернатива — history-режим, но он требует серверной поддержки.