• En muchas ocasiones necesitamos redireccionar a nuestros usuarios de una ruta a otra, ya sea porque temporalmente hemos cambiado algún recurso o porque estamos re-ajustando la estructura interna del proyecto.
  • Afortunadamente y como —casi— todo en el ecosistema Vue, hacer redirecciones con Vue Router es muy sencillo.
  • Por ejemplo, en la anterior lección cambiamos el path de una ruta dejando huérfana a la ruta principal /, así que vamos a redireccionar la ruta principal con el nuevo valor de path del componente que antes se cargaba ahí.
{ path: '/', redirect: '/user' }
  • Incluso podemos redireccionar en base al nonbre de la ruta.
{ path: "/", redirect: { name: "Home" } },
  • Además de las redirecciones también podemos crear alias de ruta. La principal diferencia es que la URL permanece igual, aunque estemos en efecto redireccionando a otro lugar. Podemos crear una para nuestro caso particular.
{ path: "/user", component: AppUserList, alias: "/" },
  • Como ves, la URL no cambia. Muy útil en situaciones en las que no quieres que el usuario perciba el cambio de URL.
Storyblok: el primer CMS headless tanto para desarrolladores como para marketers

El primer headless CMS tanto para desarrolladores como para marketers. Pruébalo gratis.

Código inicial
Curso Vue Router en Escuela Vue

¿Tienes alguna pregunta sobre esta lección de Aprende a enrutar con Vue Router ?

Resuelve todas tus dudas sobre Vue Router en la Comunidad de Escuela Vue: un lugar donde participar, aprender y ayudar. ¡Te esperamos!.

Tras el registro (si no lo has hecho ya) serás redirigido/a al canal adecuado en la Comunidad.

Twitter

Sigue el día a día y todo lo relacionado con Escuela Vue a través de su cuenta de Twitter.

Discord

En la Comunidad de Escuela Vue podrás solucionar tus dudas y ayudar a otras personas como tú a solucionar las suyas.

Recibe novedades en tu 📬