vue-router: missing param for named route "notfound": Expected "0" to be defined

Same error, I don’t know why; but I fixed it with the following code:

routes: [{
        name: '404',
        path: '/404',
        component: NotFound
    }, {
        path: '*',
        redirect: '404'
    }
]

The fact is that when you do redirect to an asterisk, the router does not know which path should be in the location. You must pass this path yourself, eg:

push({ name: '404', params: { '0': 'somePath'} })

Here is a piece of my code from route guard for subdomains support, maybe useful

/**
 * Check hostname.
 *  
 * @param  {string} hostname 
 * @param  {Array} routes
 * @return {Array}
 */
function hostGuard(hostname, routes) {
    return beforeEnter(routes, (to, from, next) => {
        if(location.hostname.split('.').shift() === hostname) {
            next()
        }
        else {
            next({ name: '404', params: { '0': to.path } })
        }
    })
}

The problem is that you cannot replace the current view with a named route that has an asterisk path, what you have to do is replace with an explicit path that will match the path like notfound

replace

      path: '*',
      alias: '/404'

by

      path: '/404',
      alias: '*'

Hi, thanks for filling this issue. Please follow the Issue Reporting Guidelines and provide a live example on jsfiddle, codepen etc. Thanks!

@amfische @skyrpex Render NotFound component without changing the URL, use: next({ name: 'NotFound', params: [to.path], replace: true })

Your link is 404, and I can’t fit the entire app in a fiddle.

I don’t think that’s possible… What I did once was redirect to a generic error page, but passing the invalid URL as parameter so I could display information about the other page.

Is there a way to redirect a params that doesn’t exist to an error page without changing the URL? I would like to keep the URL as user entered.

example.com/user/doesnotexist redirects to an error component but keeps URL as example.com/user/doesnotexit instead of example.com/404-notfound