Как захватить больше пути с динамическим соответствием маршрута?

Question

Ссылка выбирается из базы данных, например, /app/profile.

Один компонент (master/index.vue) должен отображать любой путь, следующий за адресом приложения (http://example.com/).

У меня есть следующая конфигурация маршрутизатора:

{
    path: '/',
    component: () => import('@/components/Layout.vue'),
    children: [
        {
            path: ':id',
            component: () => import('@/components/pages/master/index.vue')
        }
    ]
}

… но это не работает, как ожидалось.Он принимает только один параметр после example.com.Как мне заставить его работать динамически, чтобы он принимал несколько параметров, например /app/profile?

Answer 1

вы можете использовать звездочку, чтобы сопоставить что угодно , например:

path: '*',

если вы знаете, что базовый путь будет зафиксирован, вы можете сузить совпадение, например, до /*, /app*.

см. Документацию vue-router по динамическому сопоставлению , в разделе catch all .