In this Vue tutorial we build a Vue js and Django API application and implement authentication using JWT. This is part 2 - adding authentication, see part 1 for setting up Django and Vue in preparation to apply the authentication. Part 1of2 - Creating new Vue and Django application: 🤍youtu.be/KFO8atMJ4Eg 00:00 Introduction 01:07 Vue Coverage 01:55 Download Git Repo - where we finished the previous tutorial 02:49 Install vevn - get the Django application started 06:18 Get started configuring JWT on Django 12:13 Test Django API authentication with Postman 16:59 Start working on the Vue application 19:06 Create new files needed for the project 19:43 Configure router 20:00 Create login view 25:06 Vuex - creating the store 31:10 Building the post view to access the API data 38:33 Add page authentication 41:20 Logout functionality 43:52 Idle feature 47:12 Display link only if logged in Django = 1. Download repository 🤍github.com/veryacademy/YT-Vue-with-DjangoRestAPI 2. Extract rename folder 3. Create venv 4. Install dependencies 5. Login check data 6. Configure JWT 6. Create new Token with postman 7. Test authentication with postman Vue js = 1.Create new files Logout.vue Login.vue Store.vue 2.Configure router 3.Build login page 4.Create store using Vuex //npm install vuex 5.Build Post page access data from API 6.Add authorisation to pages with redirect 7.Build logout page 8.Example of displaying links if only logged in 9.Add Idle feature //npm install idle-vue Code Repository: 🤍github.com/veryacademy/YT-Vue-Django-Auth-JWT SUBSCRIBE to get more free tutorials, courses and code snippets! 🤍🤍youtube.com/channel/UC1mxuk7tuQT2D0qTMgKji3w?sub_confirmation=1 Follow us on Facebook 🤍🤍facebook.com/Veryacademycom-113232103670580/ Follow use on Twitter: 🤍twitter.com/VeryAcademy
do you have a tutorial on how to register for an account?
Your videos are incredible. I would like to ask a question. I noticed that the link named Post is no longer in the Navbar file for this project, as it was in the previous video. In this video he appears on the page with the posts, so I would like to know where he is being indicated?
Top3
you are nsssssssssssssssssssssss
i liked you allooot bur, in second time please put real files......... dont deleteeeeeeeeeeee guesssssssssss
What happens when token expires?
Thanks 🙏 is this vue server side rendering or client side rendering?
thanks
thank you
Thanks for this very informative content. My question is: it safer to use Localstorage or cookies to store the token?
With JWT token, how we can allow to new users to register? in tutorial you created new user by terminal. What can we do, if user don't have access to admin panel?
I want full video with refreshing token plz
sir ur name?
Can you provide references for localstorage or sessionstorage on your tutorial, when i tried to impliment it is not working.
If you have encountered an error "'str' object has no attribute 'decode'", it is likely due to version of PyJWT.
So just run -> pip install PyJWT==1.7.1
Hey, many thanks for the great video, just was I was looking for! I followed your instructions all the way but I just cannot get REST to accept my JWT token. I tried it exactly like you showed it in the video with Postman and everything else was setup the same way. Any ideas by any chance?
Thank you so much for your tutorial, it is so good.
I am a beginner of vue and django, when I tried to run your project, it logs me out every time I refresh the page or click the post page. I tried to change the idletime to a larger number, and tried to delete the IdleVue related code, but it still not works, so what is the problem? Thank you so much for your help.
The best tutorial i've see, god bless
Thanks for the video, but a lot of stuff is missing.
How to deal with expired token?
I save accesToken in localstorage but it expires quickly, how to fix that so that it automatically get new token using refeshToken to stay loggedIn ?