Как сделать динамический роут с параметрами чпу в nuxt?

Question

[sinneren]

Есть роут /catalog/<%code%>/

Тут всё понятно:

pages/
  catalog/
    _code.vue

А мне нужен еще и дополнительный роут, когда url будет вида /catalog/<%code%>/param/, где param - какая-то строка, заранее известная, например, "discount".
Как это реализовать?

Answer 1

[sinneren]

pages/
  catalog/
    _code/
      _.vue

вся магия в ._vue
https://nuxtjs.org/guide/routing/#unknown-dynamic-...

Answer 2

[Антон Антон]

pages/
  catalog/
    _code/
        index.vue
        discount.vue

Comments

[sinneren]

Так-то оно интуитивно понятно, но тогда мне надо сделать минимум 3 файла, в которых будет одно и то же. В них будет подгружаться шаблон карточки товара, в котором будет просто прокидываться 1 параметр в зависимости от пути, и вот для всего этого городить такое - говнокод

[Антон Антон]

sinneren, Зачем три одинаковых файла? если не нужен путь /catalog/<%code%> то индекс можно не делать. а _code - это не файл, а папка.

[Антон Антон]

sinneren, а, понял. так нужны вложенные маршруты:

pages/
  catalog/
    _code/
        index.vue
        discount.vue
    _code.vue

[sinneren]

Антон Антон, нужен путь в том и дело