Estoy usando Vue Router en el proyecto Vue como enrutador y tengo estas rutas:

 0: {path: '/', component: {…}, children: Array(1)} 1: {path: '/readme', component: {…}, children: Array(1)} 2: {path: '/modal', component: {…}, children: Array(1)} 3: {path: '/table', component: {…}, children: Array(1)} 4: {path: '/:locale', component: {…}, children: Array(1), beforeEnter: ƒ} 5: {path: '/:locale/readme', component: {…}, children: Array(1), beforeEnter: ƒ} 6: {path: '/:locale/:all(.*)*', children: Array(1), component: ƒ, beforeEnter: ƒ} 7: {path: '/:locale/modal', component: {…}, children: Array(1), beforeEnter: ƒ} 8: {path: '/:locale/table', component: {…}, children: Array(1), beforeEnter: ƒ} 9: {path: '/:all(.*)*', children: Array(1), component: ƒ} length: 10 [[Prototype]]: Array(0)

Cuando traté de http://localhost:4000/id/modal funciona, pero cuando traté de http://localhost:4000/id siempre iba a /:all(.*)* en su lugar. ¿Por qué sucedió eso?

Además, ¿cómo podría cambiar /:locale a OR lógica como /(id/jp) , es eso posible?