Por: Juan Andrés Núñez
Juan Andrés Núñez - juanwmedia

Especialista en tecnologías Web. Me dedico a enseñar desarrollo Web moderno a cualquier persona (físicamente en clase y a través de Internet) desde una perspectiva holística: teniendo en cuenta las competencias técnicas necesarias, junto a las habilidades personales o soft skills. Tienes más información en mi Web.

  • 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.
Descarga la chuleta de Vue 3 gratis

Descarga la chuleta de Vue 3

Para tener todas las novedades de Vue 3 al alcance de la mano 🔥️

DESCARGA GRATIS LA CHULETA AHORA 💾

No te pierdas ninguna novedad

Escuela Vue en Twitter

Participa en la Comunidad Escuela Vue

Comunidad Escuela Vue