In a recent tutorial, we built a login and registration system… but they aren’t actually secure yet. Random people can still create, edit, and delete videos!

(link to previous video:

To fix this, we’ll apply two solutions. First, we’ll use Vue Router’s navigation guards to redirect anyone who lands on a page they’re not supposed to be visiting. Then we’ll add token authentication, letting the frontend and backend work together to secure our data.

0:00 Start
1:42 Navigation Guards
7:21 Nested Routes
15:41 Token Authentication
27:08 Review

The “Building a VueJS Screencasting App From Scratch” Playlist:

*** Github Links ***

Replace VideoCreate with AdminVideoCreate:
Redirect users with Navigation Guards + Nest Routes:
Add Authentication Token to API Calls:

Backend with token authentication:

*** Find me online! ***

Website coming soon.

#TokenAuthentication #Auth #Authorization #VueRouter #NavigationGuards #VueJS #LocalStorage #Vue #2019 #Tutorial


Read also >>  Laravel 5.5 with Vue JS Course


Please enter your comment!
Please enter your name here