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 - 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…
Practica mientras aprendes con los archivos de ejercicios.
Descarga los archivos que el instructor utiliza para enseñar el curso. Sigue las instrucciones y aprende viendo, escuchando y practicando.
Contenido
-
-
-
-
-
(Bloqueado)
¿Qué es Vue Router?3 min 53 s
-
(Bloqueado)
Router-link y router-view en Vue Router2 min 41 s
-
Redirección de rutas con la API de Vue Router2 min 24 s
-
(Bloqueado)
Protegiendo rutas con Guards3 min 31 s
-
(Bloqueado)
Rutas anidadas con Vue Router3 min 36 s
-
(Bloqueado)
Rutas dinámicas con Vue Router2 min 51 s
-
(Bloqueado)
Determinar rutas con expresiones regulares1 min 57 s
-
(Bloqueado)
-
-
-