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.

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: 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! ***

Twitter: https://twitter.com/VueScreencasts
Website coming soon.

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

source

Read also >>  Laravel 5.5 with Vue JS Course

LEAVE A REPLY

Please enter your comment!
Please enter your name here