Какой режим работы роутера для vue-router лучше использовать для сайта?

Question

[Сергей Гурджиян]

Хочу создать SPA. Использую vue и его роутер.
Есть параметр mode
возможные значения: "hash" | "history" | "abstract"
Протестировал все. Но хочу услышать совет основанный на успешном опыте.
Какой режим лучше использовать для сайта, что бы не навредить в будущем SEO?
Что бы на страницы сайта можно было переходить по определённым ссылкам?

Answer 1

[Алексей Ярков]

что бы не навредить в будущем SEO

Для этого SSR нужен. А для vue-router я history использовал бы.

Comments

[Сергей Гурджиян]

Скажите, вот я тестирую mode: 'history'
Всё работает, но как только обновляю страницу например с таким url staleks/poster/edit/12
То страница не доступна. В режиме hash такой проблемы нет.
Вот не могу понять, то ли это у меня в vue ошибка, то ли особенность laravel (использую их в связке), то ли так и должно быть при режиме history?

[Artem0071]

Сергей Гурджиян: скорее всего дело в том, что этот url сервер ищет по всему вашему laravel'у

когда вы делаете mode hash, то сервер ищет только на определенной странице

Для нормальной работы вам нужно либо оставить хеш, либо исправить .htaccess чтобы он всегда перенапровлял запрос на нужную вам страницу

[Сергей Гурджиян]

Спасибо за ответ.

[GrimJack]

Сергей Гурджиян: в ларавел роут к такому виду приведите:
***get('/{vue_routes?}, ****)->where('vue_routes', '[\/\w\.-]*');
Как заменить звездочки, думаю сами догадаетесь

Answer 2

[Alexander]

Для seo и доступности контента вам нужен все же server-side rendering (ssr), как вам сказали выше.

History mode ничем не отличается от обычных URL, к которым привыкли люди, поэтому я использую его. Его проблема как раз в том, что вы описали в комментарии выше - для этого вам нужно сделать fallback на index.html, подробно с примерами это описано в документации vue-router https://router.vuejs.org/ru/essentials/history-mod...

Comments

[Сергей Гурджиян]

Спасибо за ответ.