Route priorities

Hi, in my project I along with route path like /welcome, /sign_in (specific string matched) I have also path /:id. I’ve found only way to match this route is to place it on top of routes so it looks like:

const routes = [
  { path: '/:id', name: 'idRoute' },
  { path: '/welcome', name: 'welcome' },
  { path: '/sign_in', name: 'signIn' }
];

And it seems kind of strange for routes to be resolved bottom->top, wouldn’t it make more sense to go top->bottom? So it checks all routes first and if none matches then it comes to /:id ?

[frenzzy]

Yes, because the action method of a route will have to return anything different from undefined to stop iterating and finish routing process.

const anyRoute = {
  path: '/'
  action() {
    if (condition) {
      return undefined // skip this route
    }
    return 'page'
  }
}

Playground: https://jsfiddle.net/frenzzy/ko22k9cg/1/

[frenzzy]

The ordering works the same way as in express. So :id param matches everything and next route will not be called. Playground: https://jsfiddle.net/frenzzy/ko22k9cg/