Redirecciones y alias de ruta
- 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
pathde una ruta dejando huérfana a la ruta principal/, así que vamos a redireccionar la ruta principal con el nuevo valor depathdel 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.
El primer headless CMS tanto para desarrolladores como para marketers. Pruébalo gratis.
¿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.