Как во Vue Router указать не обязательную часть url?

Question

[Вячеслав Шевченко]

Всем привет.
Проект на nuxt. Хочу получить url типа:
/catalog/mebel
/catalog/mebel/page-2
/catalog/mebel/stulya/page-2
/catalog/mebel/stulya/stul-eames (это уже сам товар)
Я так понимаю тут нужно использовать pages:extend hook, но как именно нужно описать чтобы получит url описанные выше?

Comments

[Aetae]

Чем тебе классика вида /catalog/mebel?page-2 не угодила?..

[Вячеслав Шевченко]

Резонно. Сеошники так хоят. Если получится сделать как хотят - супер, иначе просто сделаю по своему. В роботс потом добавят параметр и всё.

Answer 1

[Aetae]

На обычном Vue роутере такие маршруты делаются примерно так:

{
		path: '/catalog/mebel', 
		children: [
			{
				path: 'page-:page(\\d+)?', 
				alias: '',
				component: Mebel,
			},
			{
				path: ':category', 
				children: [
					{
						path: 'page-:page(\\d+)?', 
						alias: '',
						component: MebelCategory
					},
					{
						path: ':article', 
						component: MebelArticle
					}
				]
			},
		], 
	}

В nuxt это можно добавить\изменить тут.