vue-router 정규식 분기 (RESTful)

웹서비스에서 사용자 정보를 RESTful규칙에 맞게 추가한다고 할때 path를 아래와 같이 한다

GET: /member/add

그런데 id가 x인 사용자의 정보를 조회한다고 했을때는 아래와 같이 한다

GET: /member/:id

vue router에서 아래와 같이 설정하였을 경우에 id가 add일때와 1,2,3,4,5와 같이 숫자일때 구분할수가 없는데 정규식을 이용하면 간단히 해결된다

{
    path: '/member/:id',
    ..
    component: ..
}

정규식 예

{
    path: '/member/add',
    component: memberAdd
},
{
    path: '/member/:id(\\d+)',
    props: true,
    component: memberInfo
}