src/store/modules/user.js

import { login, logout, getInfo } from '@/api/user'
import {
  getToken,
  setToken,
  removeToken,
  removeUser,
  setLogoLayout,
  saveuser,
  setuserinfo,
  removeuserinfo
} from '@/utils/auth'
import { resetRouter } from '@/router'
const getDefaultState = () => {
  return {
    token: getToken(),
    name: '',
    avatar: '',
    logoLayout: '',
    userInfo: {}
  }
}
const state = getDefaultState()
const mutations = {
  RESET_STATE: state => {
    Object.assign(state, getDefaultState())
  },
  SET_TOKEN: (state, token) => {
    state.token = token
  },
  SET_NAME: (state, name) => {
    state.name = name
  },
  SET_AVATAR: (state, avatar) => {
    state.avatar = avatar
  },
  SET_LOGOLAYOUT: (state, logoLayout) => {
    state.logoLayout = logoLayout
  },
  SET_USERINFO: (state, userInfo) => {
    state.userInfo = userInfo
  }
}
const actions = {
  // user login
  login({ commit }, userInfo) {
    const { username, password } = userInfo
    return new Promise((resolve, reject) => {
      login({ username: username.trim(), password: password })
        .then(response => {
          const { data } = response
          console.log(data)
          commit('SET_TOKEN', data.username)
          commit('SET_LOGOLAYOUT', data.logoLayout)
          commit('SET_USERINFO', JSON.stringify(data))
          setuserinfo(JSON.stringify(data))
          setToken(data.username)
          setLogoLayout(data.logoLayout)
          resolve(response)
        })
        .catch(error => {
          reject(error)
        })
    })
  },
  // get user info
  getInfo({ commit, state }) {
    return new Promise((resolve, reject) => {
      getInfo(state.token)
        .then(response => {
          const { data } = response
          if (!data) {
            reject('Verification failed, please Login again.')
          }
          const { name, avatar } = data
          commit('SET_NAME', name)
          commit('SET_AVATAR', avatar)
          resolve(data)
        })
        .catch(error => {
          reject(error)
        })
    })
  },
  saveuser({ commit }, userInfo) {
    console.log(userInfo)
    const { username, password } = userInfo
    const param = { username: username.trim(), password: password }
    console.log(param)
    saveuser(JSON.stringify(param))
  },
  // user logout
  logout({ commit, state }) {
    return new Promise((resolve, reject) => {
      logout(state.token)
        .then(() => {
          removeToken() // must remove  token  first
          removeUser()
          removeuserinfo()
          resetRouter()
          commit('RESET_STATE')
          resolve()
        })
        .catch(error => {
          reject(error)
        })
    })
  },
  // remove token
  resetToken({ commit }) {
    return new Promise(resolve => {
      removeToken() // must remove  token  first
      commit('RESET_STATE')
      resolve()
    })
  }
}
export default {
  namespaced: true,
  state,
  mutations,
  actions
}