Vue router удалить параметры из URL

Question

У меня есть маршрут, настроенный как показано ниже. Идея состоит в том, что если пользователь нажимает реферальную ссылку, то ключ сохраняется. В будущем, если пользователь перейдет по пути /store, будет использован тот же компонент, и реферальная ссылка будет извлечена из хранилища.

Нужен ли маршрут для /store и /store/:referralKey или есть способ сделать это с одним маршрутом?

const router = new Router({
    mode: 'history',
    routes: [
        {
            path: '/shop/:referralKey',
            name: 'shop',
            component: () => import('./views/Shop'),
            meta: {
                public: true
            }
        }
    ]
})

Answer 1

Добавьте ? после Динамических параметров и vue-router сделает его необязательным.

path: '/shop/:referralKey?'

Надеюсь, это поможет!