Dynamic alias

[francoisromain]

What problem does this feature solve?

With a route defined like this:

{
    path: '/404',
    alias: '*',
    name: 'error',
    component: Error
}

When a user visit my-site.com/random-inexisting-url, the url doesn't change and it displays the error page. (this is what we want)

---

Now, how to to do the same with dynamic routes?

Example:

• there is a route like my-site.com/pages/:id
• the user visits my-site.com/pages/inexisting-id.
• the id param is used to fetch an API. If the API returns null, there is no automatic redirection to the error page.

It is possible to manually redirect to the /error page with router.push({ name: 'error' }) or a navigation guard, but it will change the url to /error.

Is it possible to keep the original url, but still display the error page?

What does the proposed API look like?

something like router.aliasTo({name: 'error' })

[posva]

Duplicate of #1858

[francoisromain]

@posva, When I read #1858, I don't understand the same thing I describe here

[Hoishin]

I think what you want to do is achievable with navigation guard

[francoisromain]

@Hoishin Could you give an example please?

[posva]

If you want to keep the url, then you should use a path of * instead 🙂
There is also another FR that may interest you is about replacing the view without changing the URL

[francoisromain]

you should use a path of * instead

instead of what?

[NiackZ]

Any solutions?))