user.js 2.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697
  1. import { login, logout, getInfo } from '@/api/user'
  2. import { getToken, setToken, removeToken } from '@/utils/auth'
  3. import { resetRouter } from '@/router'
  4. const getDefaultState = () => {
  5. return {
  6. token: getToken(),
  7. name: '',
  8. avatar: ''
  9. }
  10. }
  11. const state = getDefaultState()
  12. const mutations = {
  13. RESET_STATE: (state) => {
  14. Object.assign(state, getDefaultState())
  15. },
  16. SET_TOKEN: (state, token) => {
  17. state.token = token
  18. },
  19. SET_NAME: (state, name) => {
  20. state.name = name
  21. },
  22. SET_AVATAR: (state, avatar) => {
  23. state.avatar = avatar
  24. }
  25. }
  26. const actions = {
  27. // user login
  28. login({ commit }, userInfo) {
  29. const { username, password } = userInfo
  30. return new Promise((resolve, reject) => {
  31. login({ username: username.trim(), password: password }).then(response => {
  32. const { data } = response
  33. commit('SET_TOKEN', data.token)
  34. setToken(data.token)
  35. resolve()
  36. }).catch(error => {
  37. reject(error)
  38. })
  39. })
  40. },
  41. // get user info
  42. getInfo({ commit, state }) {
  43. return new Promise((resolve, reject) => {
  44. getInfo(state.token).then(response => {
  45. const { data } = response
  46. if (!data) {
  47. return reject('Verification failed, please Login again.')
  48. }
  49. const { name, avatar } = data
  50. commit('SET_NAME', name)
  51. commit('SET_AVATAR', avatar)
  52. resolve(data)
  53. }).catch(error => {
  54. reject(error)
  55. })
  56. })
  57. },
  58. // user logout
  59. logout({ commit, state }) {
  60. return new Promise((resolve, reject) => {
  61. logout(state.token).then(() => {
  62. removeToken() // must remove token first
  63. resetRouter()
  64. commit('RESET_STATE')
  65. resolve()
  66. }).catch(error => {
  67. reject(error)
  68. })
  69. })
  70. },
  71. // remove token
  72. resetToken({ commit }) {
  73. return new Promise(resolve => {
  74. removeToken() // must remove token first
  75. commit('RESET_STATE')
  76. resolve()
  77. })
  78. }
  79. }
  80. export default {
  81. namespaced: true,
  82. state,
  83. mutations,
  84. actions
  85. }