How to create a 404 component in vuejs using vue-router

user_7188989 0
Viewed 49133

I'm new to vuejs and I'm working on my first project with vue. I'm just wondering how I will route to my 404.vue component when the requested url is not found.

Any Idea?

vue-router vue-component vue.js http-status-code-404
5 Answers

Now in Vue 3 path: '*' will not work. We have to use regex: /:catchAll(.*)

We can use directly instead of using path: "*"

{
    // path: "*",
    path: "/:catchAll(.*)",
    name: "NotFound",
    component: NotFound,
}

or

{
    path: '/404', name: 'NotFound', component: NotFound
},
{
    path: '/:catchAll(.*)', redirect:'404'
}

I got it from here

user_122067600

After @g-wilson answer I went { path: '*', component: NotFound }. Might be useful if you don't want to make redirect.

user_95067120
Related