HHECS.Web/src/store/modules/user.js

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,
};