feat(login): implement logout functionality

Author: lbwa

src/layout/Material.vue

@@ -3,7 +3,13 @@
     <!-- Dynamic aside rendering area -->
 
     <el-container>
-      <el-header>header</el-header>
+      <el-header>
+        <el-button
+          class="logout"
+          type="text"
+          @click="onLogout"
+        >Logout</el-button>
+      </el-header>
       <router-view/>
       <el-footer>footer</el-footer>
     </el-container>
@@ -14,6 +20,12 @@
 export default {
   data () {
     return {}
+  },
+  methods: {
+    onLogout () {
+      this.$store.dispatch('login/userLogout')
+        .then(() => this.$router.replace('/login'))
+    }
   }
 }
 </script>

src/store/modules/login/actions.js

@@ -1,5 +1,5 @@
 import { userLogin } from 'API'
-import { setTokenToLocal } from 'UTILS/storage'
+import { setTokenToLocal, removeTokenFromLocal } from 'UTILS/storage'
 import types from './mutations/types'
 
 export default {
@@ -24,5 +24,10 @@ export default {
         }
         console.error(`[Login error]: ${e.code}, ${e.msg}`)
       })
+  },
+  userLogout ({ commit }) {
+    commit(types.SET_USERNAME, '')
+    commit(types.SET_ACCESS_TOKEN, '')
+    removeTokenFromLocal()
   }
 }