Intro to Authentication + Authorization
2:31
Displaying Users
4:20
Setting CurrentUser
5:43
Saving currentUser to localStorage
2:29
Basic Login Flow - Email and Password
9:29
Hide/Show Password
6:01
Login Form Validations
6:41
UserAuthForm Component
5:17
The User Registration Page
7:17
Navbar Cleanup
2:32
Mid-Course Review for Auth
7:46
Navigation Guards
5:36
Nested Routes with Vue Router
8:16
Token Authentication
11:24
Review
3:22
0% done with Authentication and Authorization in VueJS

Chapter 8 of 27 in Building VueScreencasts.com
Navigation Guards

Navigation Guards are a Vue Router feature that are useful for blocking off certain routes based on conditions in your app.

In the case of this lesson, we'll be blocking off the Admin section for everyone that isn't a logged in Admin User.

What do others think of VueScreencasts?
"Such an excellent video! Your explanations are so clear. This is the first time where I don't feel burned out in a 40min+ video tutorial. Thank you so much!"
—João Victor Valentim
"Saved me loads of time!!"
—Jack Simple
"Hi! Your videos are very useful, please go on make it!"
—Сергей Миртов
"I am happy to find your video, really amazing. I am excited to hear from you the next one. Thanks a lot."
—Azri Ridha
Take your career to the next level