Using .addRoutes when you've got a wildcard route for 404s does not work

[Dadibom]

Vue.js / vue-router versions

2.1.10 / 2.2.1

Reproduction Link

https://jsfiddle.net/ytezcvzq/4/

Steps to reproduce

Add a new route when you've already got a wildcard route to display page not found messages

What is Expected?

The new route should be matched before the wildcard route

What is actually happening?

the wildcard route is matched first, meaning addRoutes does not work

[Dadibom]

This happens even when the wildcard route is a child route of '/', which is kinda strange. I do think that "root" routes should have higher priority than child routes.

[posva]

Hey, thanks for opening the issue.
This is indeed a caveat of dynamically added routes. FTM you'll have to add the wild card route after any other route.

ping @fnlctrl @yyx990803

[Dadibom]

Maybe there could be an option to prepend the new routes instead of appending them?

[fnlctrl]

Hmm maybe dynamically added routes should have higher priority than the statically defined ones?

@Dadibom Yeah an option seems nice

[LinusBorg]

Another option would be to optionally make addRoutes override old routes (.addRoutes(newRoutes,{ override: true })), so you can construct a new routes array externally the way you need it?

[posva]

We can also keep track of any asterisk route (path: '*') so dynamically added routes are always added before that one.
People will still have issues if there's some route with foo-* and they dynamically add routes like foo-lol and foo-bar but I don't see a real world example about a partial asterisk while having an asterisk route is very common

[Dadibom]

I'd be fine with any of the solutions mentioned, but I think the most transparent one would be appendRoutes / prependRoutes / replaceRoutes

[DanielPe05]

Is there an update for this? I just ran into it. I think that keeping track of path: '*' and adding dynamic routes before it as suggested by @posva is the simplest, quickest solution. However as a more complete fix that would give more flexibilities, I think being able to appendRoute/prependRoute makes more sense.

[Dadibom]

well... i've got two main views (routes) that each have their own layouts. the * route is a child route to my main view. when i add the second view (admin), i still cannot access it. prepend/replace would be great.

[wasdujk]

@LinusBorg Your answer solved my doubts. But I didn't find any information about { override: true } in the document

[LinusBorg]

Because it is a suggestion, not an existing feature.