从Promise到async/await的Vuex存储操作

// store/modules/user.js
const state = {
  userInfo: null
};

const mutations = {
  SET_USER_INFO(state, userInfo) {
    state.userInfo = userInfo;
  }
};

const actions = {
  async fetchUserInfo({ commit }) {
    try {
      const response = await fetch('/api/user');
      const userInfo = await response.json();
      commit('SET_USER_INFO', userInfo);
    } catch (error) {
      console.error('Failed to fetch user info:', error);
    }
  }
};

export default {
  state,
  mutations,
  actions
};

const actions = {
  async fetchUserInfo({ commit }) {
    try {
      const response = await fetch('/api/user');
      if (!response.ok) {
        throw new Error('Network response was not ok');
      }
      const userInfo = await response.json();
      commit('SET_USER_INFO', userInfo);
    } catch (error) {
      console.error('Failed to fetch user info:', error);
      // 可以在这里添加更多的错误处理逻辑，比如显示错误消息给用户
    }
  }
};