Learn Vue - Towards JWT authentication | Vue and Django API | Vuex Store

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:    • Learn Vue - Vue and Django API - Preparing...  

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 https://github.com/veryacademy/YT-Vue...
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:
https://github.com/veryacademy/YT-Vue...

SUBSCRIBE to get more free tutorials, courses and code snippets!
   / @veryacademy  

Follow us on Facebook
  / veryacademycom-113232103670580  

Follow use on Twitter:
  / veryacademy