提供重置登录信息状态方法。修复登出或替换账号还保留之前账号操作信息和痕迹bug

src/main.js

@@ -9,6 +9,7 @@ import '@/element-ui-theme'
 import '@/assets/scss/index.scss'
 import httpRequest from '@/utils/httpRequest' // api: https://github.com/axios/axios
 import { isAuth } from '@/utils'
+import cloneDeep from 'lodash/cloneDeep'
 
 Vue.use(VueCookie)
 Vue.config.productionTip = false
@@ -22,6 +23,9 @@ if (process.env.NODE_ENV !== 'production') {
 Vue.prototype.$http = httpRequest // ajax请求方法
 Vue.prototype.isAuth = isAuth     // 权限方法
 
+// 保存整站vuex本地储存初始状态
+window.SITE_CONFIG['storeState'] = cloneDeep(store.state)
+
 /* eslint-disable no-new */
 new Vue({
   el: '#app',

src/router/index.js

@@ -8,6 +8,7 @@ import Vue from 'vue'
 import Router from 'vue-router'
 import http from '@/utils/httpRequest'
 import { isURL } from '@/utils/validate'
+import { clearLoginInfo } from '@/utils'
 
 Vue.use(Router)
 
@@ -40,6 +41,7 @@ const mainRoutes = {
   beforeEnter (to, from, next) {
     let token = Vue.cookie.get('token')
     if (!token || !/\S/.test(token)) {
+      clearLoginInfo()
       next({ name: 'login' })
     }
     next()

src/store/index.js

@@ -1,5 +1,6 @@
 import Vue from 'vue'
 import Vuex from 'vuex'
+import cloneDeep from 'lodash/cloneDeep'
 import common from './modules/common'
 import user from './modules/user'
 
@@ -10,5 +11,13 @@ export default new Vuex.Store({
     common,
     user
   },
+  mutations: {
+    // 重置vuex本地储存状态
+    resetStore (state) {
+      Object.keys(state).forEach((key) => {
+        state[key] = cloneDeep(window.SITE_CONFIG['storeState'][key])
+      })
+    }
+  },
   strict: process.env.NODE_ENV !== 'production'
 })

src/utils/httpRequest.js

@@ -3,6 +3,7 @@ import axios from 'axios'
 import router from '@/router'
 import qs from 'qs'
 import merge from 'lodash/merge'
+import { clearLoginInfo } from '@/utils'
 
 const http = axios.create({
   timeout: 1000 * 30,
@@ -27,8 +28,7 @@ http.interceptors.request.use(config => {
  */
 http.interceptors.response.use(response => {
   if (response.data && response.data.code === 401) { // 401, token失效
-    Vue.cookie.delete('token')
-    router.options.isAddDynamicMenuRoutes = false
+    clearLoginInfo()
     router.push({ name: 'login' })
   }
   return response

src/utils/index.js

@@ -1,3 +1,7 @@
+import Vue from 'vue'
+import router from '@/router'
+import store from '@/store'
+
 /**
  * 获取uuid
  */
@@ -43,3 +47,12 @@ export function treeDataTranslate (data, id = 'id', pid = 'parentId') {
   }
   return res
 }
+
+/**
+ * 清除登录信息
+ */
+export function clearLoginInfo () {
+  Vue.cookie.delete('token')
+  store.commit('resetStore')
+  router.options.isAddDynamicMenuRoutes = false
+}

src/views/main-navbar-update-password.vue

@@ -25,6 +25,7 @@
 </template>
 
 <script>
+  import { clearLoginInfo } from '@/utils'
   export default {
     data () {
       var validateConfirmPassword = (rule, value, callback) => {
@@ -93,7 +94,7 @@
                     this.visible = false
                     this.$nextTick(() => {
                       this.mainTabs = []
-                      this.$cookie.delete('token')
+                      clearLoginInfo()
                       this.$router.replace({ name: 'login' })
                     })
                   }

src/views/main-navbar.vue

@@ -55,6 +55,7 @@
 
 <script>
   import UpdatePassword from './main-navbar-update-password'
+  import { clearLoginInfo } from '@/utils'
   export default {
     data () {
       return {
@@ -101,8 +102,7 @@
             data: this.$http.adornData()
           }).then(({data}) => {
             if (data && data.code === 0) {
-              this.$cookie.delete('token')
-              this.$router.options.isAddDynamicMenuRoutes = false
+              clearLoginInfo()
               this.$router.push({ name: 'login' })
             }
           })