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.

No te pierdas ninguna novedad

Escuela Vue en Twitter

Participa en la Comunidad Escuela Vue

Comunidad Escuela Vue