退出登录、修改个人头像

yudao-ui-app/store/index.js

@@ -1,6 +1,6 @@
 import Vue from 'vue'
 import Vuex from 'vuex'
-import { getUserInfo } from '@/common/api'
+import { getUserInfo, logout } from '@/common/api'
 
 Vue.use(Vuex) // vue的插件机制
 
@@ -9,7 +9,7 @@ const store = new Vuex.Store({
   state: {
     openExamine: false, // 是否开启审核状态。用于小程序、App 等审核时，关闭部分功能。TODO 芋艿：暂时没找到刷新的地方
     token: uni.getStorageSync('token'), // 用户身份 Token
-    userInfo: {}, // 用户基本信息
+    userInfo: uni.getStorageSync('userInfo'), // 用户基本信息
     timerIdent: false // 全局 1s 定时器，只在全局开启一个，所有需要定时执行的任务监听该值即可，无需额外开启 TODO 芋艿：需要看看
   },
   getters: {
@@ -38,25 +38,29 @@ const store = new Vuex.Store({
       // 加载用户信息
       this.dispatch('obtainUserInfo')
     },
-    // 退出登录
-    logout(state) {
-      // 清空 Token
-      state.token = ''
+    // 更新用户信息
+    setUserInfo(state, data) {
+      state.userInfo = data
+      uni.setStorageSync('userInfo', data)
+    },
+    // 清空 Token 和 用户信息
+    clearLoginInfo(state) {
       uni.removeStorageSync('token')
-      // 清空用户信息 TODO 芋艿：这里 setTimeout 的原因是，上面可能还有一些 request 请求。后续得优化下
-      setTimeout(() => {
-        state.userInfo = {}
-      }, 1100)
+      state.token = ''
+      uni.removeStorageSync('userInfo')
+      state.userInfo = {}
     }
   },
   actions: {
     // 获得用户基本信息
     async obtainUserInfo({ state, commit }) {
       const res = await getUserInfo()
-      commit('setStateAttr', {
-        key: 'userInfo',
-        val: res.data
-      })
+      commit('setUserInfo', res.data)
+    },
+    // 退出登录
+    async logout({ state, commit }) {
+      commit('clearLoginInfo')
+      await logout()
     }
   }
 })