Redireccionar 404 en Vue Router - 51

Aquí quería resolver una pequeña situación que ocurre cuando nosotros ingresamos a una ruta que no existe aquí ya tengo la solución voy a comentarla un momento venimos acá y vamos a ingresar a cualquier ruta que no exista por ejemplo la raíz directamente aparece una página en blanco si le damos aquí a F2 o desde aquí mismo por aquí te voy a indicar que esta ruta no hace match con ninguna porque no la tenemos aquí definida esa es la razón y lo mismo si vamos a otra ruta que no exista.

404 mediante componentes

Tenemos un par de maneras paara reparar esto, una de ellas es crear un componente específico aquí de manera de manera demostrativa estoy empleando el de list category:

src/router.js

const routes = [
   {
       path: '/dashboard',
       component: Base,
       children: [
           ***
   },
   {
       path: '/:pathMatch(.*)*', 
       name: 'NotFound', 
       component: YourComponent404
   },
]

404 Redirección

Suponte que este componente no existe o mejor dicho suponte que este componente es para mostrar un mensaje que diga 404 entonces el cliente sabe que la página no existe pero en este caso es la de component esa pudiera ser una solución otra vez tuvieras que crearte un componente para tal fin yo no lo voy a hacer realmente no lo veo necesario sobre todo para este tipo de aplicaciones que son de carácter administrativas no veo mucho sentido mostrar una página de 404 Yo creo que es mejor redireccionar entonces aquí colocamos redirect:

src/router.js

const routes = [
   {
       path: '/dashboard',
       component: Base,
       children: [
           ***
   },
   {
       path: '/:pathMatch(.*)*', 
       name: 'NotFound', 
       redirect: '/dashboard/movie'
   },
]

Ya te explico un poquito la línea pero quiero es hacer las pruebas para que se entienda ahora fíjate que redirecciona si por ejemplo aquí coloca colamos la raíz que era justamente lo que yo quería que cuando tú lances esta aplicación a producción usualmente colocamos es el dominio que en este caso sería el localhost 5173 pero otra vez si vas a producción suponte que es vuecodig.con entonces apenas tú colocas esa ruta por defecto te aparecería la página de 404 por defecto no aparecería nada según lo que veíamos antes porque no tenemos definido la raíz.