user.js
2.66 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
106
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(() => {
// commit('SET_SIDEBAR_OPENED', false) // 重置菜单状态为折叠
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,
};