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?'

希望这会有所帮助！