vueのrouterでid指定のURLでid未指定のときも飛びたい

Question

VueのrouterでID指定するときに
const routes = [
{
path: "/profile/:id",
name: "profile",
component: Profile
},
]

const router = new VueRouter({
mode: "history",
routes
});

のような書き方をすると思うのですが、
/profile/xxxxxxx
でアクセスした時はid=xxxxxxの扱いでアクセス出来るのですが、
/profile/だけでIDの指定をしないときにアクセスできません。

IDを指定しない時でもアクセス出来るようにするにはどう書けばいいのでしょうか？

アクセスされた側でidが未指定なら〜という処理を書けばいいと思っていたのですが、id未指定だとそもそもRoutingされていないように思います。

どうぞよろしくお願いいたします。

Answer 1

とりあえず、
const routes = [
{
path: "/profile/:id",
name: "profile",
component: Profile
},
{
path: "/profile/",
name: "profile",
component: Profile
},
]
のようにIDなしの設定を追加してコンポーネント側でidの有無をチェックして処理分けるようにしました。
もう少しきれいな解法があるとは思いますが、私としては動いたのでOKとします。