Vue Login and Handling the JWT Token | Vue Authentication #4

👉 Check our website: scalablescripts.com
Backend: • Api Authentication Wit...
Learn to Authenticate using Vue.js. In this video, we will create a Login component where we will send the Login Credentials and get back a JWT Token. Then we will use that JWT Token as a Bearer Token in the Request Headers to retrieve the Authenticated User. We will also add the Logout functionality.
#vuejs #jwt

[@ScalableScripts]

You can check these playlists if you are interested:
VueJS and Laravel JWT Authentication: ruclips.net/p/PLlameCF3cMEs7ErSWENv03zOKtH5NTG61
VueJS and Django JWT Authentication: ruclips.net/p/PLlameCF3cMEvj7fV-Szcaz_ve303e4AxX
VueJS and NodeJS JWT Authentication: ruclips.net/p/PLlameCF3cMEsjpIRxfB9Rjici3aMCaQVo
VueJS and Golang JWT Authentication: ruclips.net/p/PLlameCF3cMEvSY8iQ6QBVE8VRK4UiZZ33
VueJS and NestJS JWT Authentication: ruclips.net/p/PLlameCF3cMEujfD19Si2VNRlFEyDa_ZJb
VueJS and Deno JWT Authentication: ruclips.net/p/PLlameCF3cMEuDSusZHXGeIZ0Axmd74aPc

[@117clouds]

please codepen

[@TDhanunjay]

I saw many RUclips videos, on jwt authentication. But finally when I watched this video. Clear cut explanation. Thanks

[@anvarturdaliev9834]

You are amaizing
I bought a lot of courses, but you are explaining much better, and for free.

[@diogoalbertor.kirchoff5275]

Legal, aqui me ajudou! Precisei disso para costurar o front no banck-end nas funções de confirmar e-mail. Eu fiz com o localStorage porque não aprendi ainda a armazenar com Cookie, e precisava deixar funcional. Com o tempo, vou alterar para o armazenamento em Cookie. Bom vídeo, bem explicativo!

[@alexdavidhurtadoyeneris7116]

Hi, thank you, very useful. A huge from Barranquilla, Colombia

[@abylaysanduzel5117]

error: "Unauthorized", i did same like on this tutorial. what goes wrong?

[@tranquility_base]

Saved me a lot of time. Thanks!

[@kateliu5416]

excause me，
i take to login to post ,but not receive token，
how can i do?

[@user-vu5rc8jl7z]

this video help me a lot Thank you!

[@abelangelciertoespiritu3145]

Good, thanks for this material

[@user-le1nf2zf9l]

What does happen when user open your app in new tab? I repeated your steps but I get on to auth page. And yes, I still have user token in my header.

[@mustafaahmed6307]

How did you show token in console ? From where ?

[@ruirodrigues705]

btw, you should not store your jwt in local storage...

[@sankhadeepsarkar7332]

You saved my life.

[@thenightcoder7]

Hey nice video, but setting localstorage is not good practice for access_token.

[@farhanhelmycode]

what is the best practice?

[@onlyrealufos4146]

what is the better way???

[@anvarturdaliev9834]

What is better then?

[@asatilloakhmedov7589]

Cookies maybe@@anvarturdaliev9834

[@hassanadel5256]

Awesome 👍

[@bobbiechannel864]

thank so much

[@LuxKal1122]

idk where do you get the token string

[@martinn1071]

thanks !!!!

[@kavindumadushan5956]

thank you

[@scottmcmahon7209]

Why not put the token in the cookies instead of local storage?

[@spythere]

Both are very bad practice, it's not a secure option. Better way is to send the token with an auth header from the server and refresh it when you need it.

[@eneomaos33]

Thank you!!!!!!!!

[@georgegoldmanonyedikachijo9330]

please am getting "We're sorry but App doesn't work properly without JavaScript enabled. Please enable it to continue" in network preview tab on the dev tools in all my browsers

[@pro.grammer]

which ide is this
:)

[@happychristian1389]

getting missing grant type

[@natnaelghirma2617]

that accent is cute

[@erenchuang3352]

ｔｈｘ！

[@HUBTESLA]

your tutorial is not good. How we can have a token if we didn't initialize it ?

[@ScalableScripts]

You should read the video descriptions, anyway here is a better tutorial: ruclips.net/video/ULFAgn2ITko/видео.html

[@renisrrenis9225]

@@ScalableScripts what read in video descriptions? The link where you get sent to your stupid monetized website? yeah right loser.

[@28shakil]

where should the axios.get request go? I do not have any endpoint named user