Vue路由器从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?'

希望这会有所帮助！