Vue Authentication Full Course | Login, Logout, Forgot and Reset Password
ฝัง
- เผยแพร่เมื่อ 29 ก.ย. 2020
- 👉 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.
Backend: • Api Authentication Wit...
#vue #vuejs #jwt
You can check these playlists if you are interested:
VueJS and Laravel JWT Authentication: th-cam.com/play/PLlameCF3cMEs7ErSWENv03zOKtH5NTG61.html
VueJS and Django JWT Authentication: th-cam.com/play/PLlameCF3cMEvj7fV-Szcaz_ve303e4AxX.html
VueJS and NodeJS JWT Authentication: th-cam.com/play/PLlameCF3cMEsjpIRxfB9Rjici3aMCaQVo.html
VueJS and Golang JWT Authentication: th-cam.com/play/PLlameCF3cMEvSY8iQ6QBVE8VRK4UiZZ33.html
VueJS and NestJS JWT Authentication: th-cam.com/play/PLlameCF3cMEujfD19Si2VNRlFEyDa_ZJb.html
VueJS and Deno JWT Authentication: th-cam.com/play/PLlameCF3cMEuDSusZHXGeIZ0Axmd74aPc.html
Exactly what i wanted. I just learned basics of vuejs and wanted to implement it in a real project. Just didnt know how to do it in a flow/pattern. Thank you for the tutorial.
This is exactly what I wanted and your explanation was just perfect. Thank you.
One of the best tutorials I have seen
the way you teaching is awesome, great tutorial ❤
This tutorial is just bliss. Coding simplicity, no jumping around unnecessarily, clear audio, crystal clear video, no bullshit explanations that are not needed. Straight to the point. Kudos to you
Watched a paid course and the explanation on Vuex got me dizzy 😱. This right here 🤛👍
hk
what are bullshit explanations?
+ the english which the bad non-native speaker can good understand
Best guide I have ever seen on TH-cam.
16:52 handle submit register
26:06 refactor axios
29:14 handle submit login
33:20 bearer
Great and clear tutorial Thanks :) Alain from France
loved the tutorial. crisp and to the point
Excellent - I am begining and It is a wonderful example !!!!
Really good tutorial. Thank you for that!
great video straight to the points 👏👏👏
Muchisimas gracias por el video! Realmente me ayudo con una duda que estaba teniendo!!
Great class.
Keep up the good work.
Thank You,
Natasha Samuel
great tutorial and simple....
Well done. Very awesome tutorial !
This is video is very informal, great job!
Thanks .it is wonderful and your sound is relaxing me
Thank You, very nice tutorial.
You are a lifesaver!! Thank you!
great video i like the way you teach.
This is amazing and helpful
great tutorial, thanks
I didn't understand where I get the styles that you say in minute 4:00... could you tell me? Thanks!
Where can we find that styles????
This video is great at the right time When I need it
haa người ae thiện lành
Great tutorial.
Thank you very much.😁
oooohhh man, That was all i wanted... Love ya girl. U helped me a lot
In your example, are you using the backend with Sanctum or JWT? Thanks for the class.
I found gold in this channel🤩
Very nice toturial , enjoyed it very much. 👍 hats off to you
It's a boy child lmao
@@antoniofuller2331 my mistake
Hi. Great video. The login form looked quite different. Do I need to add a bootstrap link apart from the one you added at the beginning of the video
Your video is good, thanks for share
lovely voice 😇
Muchas gracias Guapa......saludos de los andes peruanos
Subscribed
Love you❤
I am facing some problem when pages reload/refresh then, auth user is gone. And I want to redirect to router '/' when someone who is unauthenticated user tries to go router '/dashboard'
thank you but it's so bad that the top of your screen is hidden and it's so confusing that what did you do in what component
beautiful voice.. 🫀
how create backend vue.js & Initialize Sequelize for this frontend?
I have a question
Does this authentication saves your data like a profile? For example, if I'm making a social media... If I try to make a comment after logging in, will that comment appear with the profile you logged in? thank you!
amazing tutoo thanks alot
Thank u so much really helpful tutorial can u make a tutorial on how can we deploy our app to heroku or any other platforms
Is there a finished repo of this tutorial ?
Goooood! thank you.
hi! i am not sure if I will get a reply to this comment but still i am trying to ask. i am not a technical person and did not understand this properly. my question is, can this be achieved in google apps script where all 4 functions Login, Logout, Forgot and Reset Password can be achieved? if yes, do you have any such video on your channel? if yes, pls share the link. thanks... god bless !
Thank you soooooooooooooooo much....
please where did you get the css from? Thank oyu
Tha action registre that send thé token. When you definted ?
can you help me to how to upload a image file into the ready api?
why do I always experience unauthenticated users even though I have setItem in the login component and called getItem in the home component
Wow! This video is so easy to understand. Is this using Vue 2 or 3?
This is Vue 2, I'm uploading content for Vue 3 you can find it here: th-cam.com/play/PLlameCF3cMEsd1x8vBxTX9JYA6u2BawpR.html
Thanks! Perfect
You can use json-server for backend
Nice vid, btw where do u get the style code?
Hi! I am not being able to post the login just like 30:52. It returns 404. The register post is working, any ideas what is missing? Thanks!
where you got the styles at 4:20 ?
Thank you!!!!
thanks for tutorials. for Axios, I have 404 error and cant connect to server. Do you have any idea? thanks again
me too i get axios error
where did you get the styles?
Where i can get the style and everything you copy paste?
tnq mam
timesaver video for beginner thanks
love you!!!
do you have the github link of this project ? pls i need it , thanks
are the data persisted ? When you refresh the page it back to its normal state
I am your 900th like!
thank you
Should be a good idea put the code on the description or something similar
Nice 👍🏻
Fronted vue.js and with in backed Web api create it's video
And plz in which show the files name which files changes i don't understand
Nice tutorialhats, low pitched Nice tutorialhats etc.
SNice tutorialt, it's the nice tuto
its in vue js 3?
Sadly, this tutorial doesn't work with newer versions of Vue (as vue-cli is now almost deprecated and everything is made through Vite). Wish this tutorial to be updated soon. 🙏🙏🙏
is it not bad practice to save the token in local storage?
If you check my channel you will see that I have another video where I save it to an httponly cookie and another one where I use access & refresh tokens
How do I remove the authorization header on login page?
can i do forget password and reset using sanctom??
and why you chose passport no sanctom?
Sanctum wasn't released when I created this tutorial
@@ScalableScripts can u do for jwt ?
I have some tutorials coming in the pipeline, it may take ~2 months to do one for sanctum
25:16 axios configuration
I am getting "FAILED TO LOAD RESPONSE DATA" in the preview tab. Does anyone know what is the issue?
I suggest watching the newest VueJS JWT Authentication: th-cam.com/video/ULFAgn2ITko/w-d-xo.html
@@ScalableScripts ok Thank you!
I love you muah muah
Why not show the file tabs?
i love u so match
How does this work? users get created in a file? I can't understand that
In the description you can find the backend: th-cam.com/video/F9Xmc3iHc88/w-d-xo.html. So you have to complete that one first then this video consumes that API.
can you put this code to git, pls?)
return ['email' => $request->{$this->username()}, 'password' => $request->password, 'status' => 1,'expire_date'>=date('Y-m-d')]; greater than equal not working and i got 500 server error message. and i need to display error message (your license expired) when current date cross the expire date (LARAVAL 7 VUE JS)
Please help me Mam!!!
I got Cross-Origin Request Blocked. How can i fixed this?
error occur when i write div tag in login.vue
Error Vue js error: Component template should contain exactly one root element
surround ALL of your elements with a single tag. If there is more than one element at the root level, it will throw this error.
localStorage is not secure for storing data especially against XSS attack
u already created localhost:8000 ??
Little did I know that my dumapp self creating drum softs by making a bunch of different soft rolls was far from the best way of doing
pleas share this.project in git or ... for download
hello how can i make a session to other pages
Is it enough to make a at the beginning of the page?
how to import files in vue js
Can u plz provide us the source code.
On logout, you forgot to send a logout request to the server to actually destroy the token on the server side
404 error when sending data link: '' register ", why?
Did you find the solution because i get the same thing ?
didn t understand how the token is generate ?
How scary, I was just thinking about learning this
Code link please???