import { login, logout, getInfo } from '@/api/user'
|
import { getToken, setToken, removeToken } from '@/utils/auth'
|
import { resetRouter } from '@/router'
|
|
const state = {
|
token: getToken(),
|
name: '',
|
avatar: ''
|
}
|
|
const mutations = {
|
SET_TOKEN: (state, token) => {
|
state.token = token
|
},
|
SET_NAME: (state, name) => {
|
state.name = name
|
},
|
SET_AVATAR: (state, avatar) => {
|
state.avatar = avatar
|
}
|
}
|
|
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
|
commit('SET_TOKEN', data.token)
|
setToken(data.token)
|
resolve()
|
}).catch(error => {
|
reject(error)
|
})
|
})
|
},
|
|
// get user info
|
getInfo({ commit, state }) {
|
return new Promise((resolve, reject) => {
|
getInfo().then(response => {
|
const { data } = response
|
|
if (!data) {
|
reject('Verification failed, please Login again.')
|
}
|
|
const { username } = data
|
|
commit('SET_NAME', username)
|
commit('SET_AVATAR', 'https://wpimg.wallstcn.com/f778738c-e4f8-4870-b634-56703b4acafe.gif')
|
resolve(data)
|
}).catch(error => {
|
console.info('get current user info failed: ' + error)
|
})
|
})
|
},
|
|
// user logout
|
logout({ commit, state }) {
|
return new Promise((resolve, reject) => {
|
logout(state.token).then(() => {
|
commit('SET_TOKEN', '')
|
removeToken()
|
resetRouter()
|
resolve()
|
}).catch(error => {
|
reject(error)
|
})
|
})
|
},
|
// 前端 登出
|
tokenExpired({ commit }) {
|
return new Promise(resolve => {
|
// commit('SET_TOKEN', '')
|
// commit('SET_ROLES', [])
|
// removeToken()
|
resolve()
|
})
|
},
|
|
// remove token
|
resetToken({ commit }) {
|
return new Promise(resolve => {
|
commit('SET_TOKEN', '')
|
removeToken()
|
resolve()
|
})
|
}
|
}
|
|
export default {
|
namespaced: true,
|
state,
|
mutations,
|
actions
|
}
|