Как сделать ЧПУ на nuxt.js как в битриксе?

Question

[Михаил Смирнов]

Есть сайт на битриксе, решили переделать фронтенд на nuxt.js, битрикс будет выступать в качестве api

В битриксе ссылки типа такие:
Категория: /catalog/tovary-dlya-rybalki/zimnyaya-rybalka/ledobury/
Страница товара: /catalog/tovary-dlya-rybalki/zimnyaya-rybalka/ledobury/futlyar_universalnyy_dlya_nozhey_d_150/

посмотрел по документации маршрутизации
catalog/
--| _category/
-----| index.vue

пробовал передавать в _category tovary-dlya-rybalki/zimnyaya-rybalka/ledobury но выдает 404 ошибку

Как можно сделать такие ссылки на nuxt.js? иначе при смене url страниц слетит вся индексация сайта и он выпадет из поиска

Comments

[no_one_safe]

У нас вообще единая точка для всех роутов на Vue. А дальше уже разбираем внутри самого Vue.

[no_one_safe]

Вернее вру. Не так. Точка входа единая. Но роутинг все равно за Беком. Фронт шлёт урл на бек и бек отвечает что это за сущность и какие параметры у запроса. Дальше фронт зная сущность (разводящая, раздел, элемент) и параметры запрашивает информацию о сущности с соответствующими параметрами и подключает нужные компоненты.
Да, при таком подходе всегда лишний запрос. Зато все довольны что вся логика на беке, а шаблоны на фронте. При грамотном апи - лишний запрос не решает.

Answer 1

[Юрий]

Попробуйте использовать _.vue вместо _category.vue.

Тогда в $route.params.pathMatch у вас будет весь путь после /catalog/, его уже разбирайте на части и делайте с ним что хотите.