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: https://youtu.be/5kVThw0GQv4)
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.
1:42 Navigation Guards
7:21 Nested Routes
15:41 Token Authentication
The “Building a VueJS Screencasting App From Scratch” Playlist: https://www.youtube.com/playlist?list=PLPwpWyfm6JADRf8x1Jc0Da8R71WJyt-Jn
*** Github Links ***
Replace VideoCreate with AdminVideoCreate: https://github.com/jeffreybiles/vue-screencasts/commit/68dcbae6a59a42a24aec81b5e8b344da97b919bb
Redirect users with Navigation Guards + Nest Routes: https://github.com/jeffreybiles/vue-screencasts/commit/c53bcc172ef1ef9c78531b7e3eb246b27836c3e9
Add Authentication Token to API Calls: https://github.com/jeffreybiles/vue-screencasts/commit/5d8abe71e37831adb0269a4ead693d408ef38633
Backend with token authentication: https://github.com/jeffreybiles/vue-screencasts-server/tree/812bdf2da2c8da71b03251e614b7251d004244c8
*** Find me online! ***
Website coming soon.
#TokenAuthentication #Auth #Authorization #VueRouter #NavigationGuards #VueJS #LocalStorage #Vue #2019 #Tutorial