user.js
2.54 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
import { login, logout } from '@/api/user'
import { resetRouter } from '@/router'
import { getToken, removeToken, setRefreshToken, setToken } from '@/utils/auth'
const getDefaultState = () => {
return {
token: getToken(),
name: localStorage.getItem('userName') || '',
avatar: ''
}
}
const state = getDefaultState()
const mutations = {
RESET_STATE: (state) => {
Object.assign(state, getDefaultState())
// 清除 localStorage 中的 name
localStorage.removeItem('userName')
},
SET_TOKEN: (state, token) => {
state.token = token
},
SET_NAME: (state, name) => {
state.name = name
// 将 name 存储到 localStorage 中
localStorage.setItem('userName', 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_NAME', userInfo.username.trim())
commit('SET_TOKEN', data.accessToken)
setToken(data.accessToken)
setRefreshToken(data.refreshToken)
resolve()
})
.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) {
// return reject('Verification failed, please Login again.')
// }
// debugger;
// const { name, avatar } = data
// commit('SET_NAME', name)
// commit('SET_AVATAR', avatar)
// resolve(data)
// }).catch(error => {
// reject(error)
// })
// })
// },
// user logout
logout({ commit, state }) {
return new Promise((resolve, reject) => {
logout(state.token)
.then(() => {
removeToken() // must remove token first
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
}