Как правильней сделать роут vue-router?

Question

[Дарья Не важно]

При работе с vue-roter столкнулась с проблеммой
есть вот такой роут

{
    path: "/news/:slug",
    name: "News",
    component: () => import( /* webpackChunkName: "promo" */ '../pages/News.vue'),
  }

с бэка приходит json такого типа

{
"url": "/news/eksklyuzivy",
    "name": "Эксклюзивы",
    "type": 2,
    "icon": null,
    "slug": "article/eksklyuzivy"
},

делаю router link вот таким способом

<router-link
   :to="{
             name: 'News',
            params: { slug: 'article/eksklyuzivy' },
         }">Новини</router-link>

но на выходе слеш превращается в %2F и url становится вот таким news/article%2Feksklyuzivy
как в таком случае правильней поступить
попросить чтобы бэк отдавал слаг без article и добавить его в сам роут или же переделать роутер линк на вот такой вариант

<router-link
          :to="{
                  path: '/article/eksklyuzivy',
                 }">Новини</router-link>

заранее спасибо

Comments

[Вадим]

делаю router link вот таким способом

Так у Вас тогда в slug будет 'article' а добавленный /eksklyuzivy сломает роут в 404.

Вы же сами определили что путь это /news/:slug. Статического параметра article тут нет.

[Дарья Не важно]

Вадим, ну вот я и хочу узнать как правильней тут сделать
в определение роута добавить news/article/:slug
или в роутер линк просто в path кидать слаг

[Вадим]

Дарья Не важно, Ну так как Вам надо так и сделайте.
Если не у кого спросить, то сделайте предположение, будут ещё в news кроме articles что-то? Если нет, то кидайте то, что приходит Вам в path(а именно eksklyuzivy) в качестве slug.
Если будет что-то кроме articles - то модфицируйте путь маршрута на news/articles и так же кидайте в качестве slug - eksklyuzivy

Answer 1

[Aetae]

Все именованные параметры экранируются. Если article не несёт никакого практического смыла - то логично её просто выкинуть.

Однако если очень нужно, можно делать так: path: "/news/*", - звёздочка исключение и не экранируется.