Del curso: Vue avanzado 2

Accede al curso completo hoy mismo

Únete hoy para acceder a más de 23.200 cursos impartidos por expertos del sector.

Protegiendo rutas con Guards

Protegiendo rutas con Guards - Tutorial de Vue.js

Del curso: Vue avanzado 2

Protegiendo rutas con Guards

Vue Router ofrece maneras para proteger al acceso a ciertas vistas dentro de una aplicación Vue. Como en este ejemplo que ves en pantalla, si yo intento acceder a la ruta raíz de la misma, esta me redirecciona al "login", ya que yo he protegido esta ruta de manera que el usuario tiene que estar autenticado para poder ver esta vista. Luego de que yo hago "login", ahora yo puedo acceder a la misma. Para proteger esta vista yo lo hago a través de un 'card'. El 'card' se define dentro de la configuración de las rutas de esta aplicación. Aquí puedes notar que en la definición de la ruta raíz yo he llamado la función 'beforeEnter'. Esta es una propiedad dentro de la definición de la ruta. 'BeforeEnter' es una función que tiene varios parámetros. Tiene un objeto 'to' que indica la ruta a la que me dirijo, 'from' es el objeto de la ruta del que yo provengo y 'next' es una función que yo utilizo para controlar la navegación de la ruta. 'BeforeEnter' se disparará antes de que yo intente acceder…

Contenido