Использование ЧПУ в Vue Router?

Question

[Eugene Chefranov]

Подскажите, есть ли готовые решения для создания человека понятных урл на основе vue router?
Допустим у меня есть несколько item (несколько тысяч) с русскими именами и я хочу сделать в автоматическом режиме для них отдельные страницы, а адрес этих страниц сделать транслитом.
Пример:

• интересная статья -> interesnaya-statya
  
• добрая новость -> dobraya-novost
  

Comments

[alex]

вы хотите в рантайме все это делать или предварительно сгенерировать роуты?

[Eugene Chefranov]

Alex, предварительно

[alex]

Eugene Chefranov, создать объект где ключи - русская буква, значение - ее вид в транслите. используя этот объект и map или reduce, пройтись по всем item'ам и создать записи маршутов, домабвить их в конфиг роутера. вопрос по сути сводится к js, а не к vue, так что тег вопроса можно исправить

[Eugene Chefranov]

Alex, правильно я понял, что эту предварительную часть делать в секции computed?

[alex]

Eugene Chefranov, при чем тут computed? вы же сами сказали - предварительно. я бы сделал такое в файле router.js

[Владимир]

У vue router есть params - https://router.vuejs.org/ru/guide/essentials/passi...

Сгенерите slug как сказал Alex и создайте в router.js роут вида '/item/:slug'

Answer 1

[Николай]

https://gist.github.com/diolavr/d2d50686cb5a472f5696
Тут решение для транслитерации, в роутере создаёте роут по типу articles/:slug, затем в удобном для вас месте генерирует ссылки при помощи этой либы в зависимости от того где вы получаете список статей с сервера.