GterForumWeB/src/store/index.js

import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex)

export default new Vuex.Store({
  state: {
    historicalSearch: [],
    allForumList: [], // 全部板块数据
    homeRequestState: false, // 首页推荐和收藏接口的数据请求状态  这个是是否需要发送请求，因为用户点击收藏后需要重新获取
    getUserInfoState: false,  // 这个是是否在请求状态
    favoriteList: [],
    recommendList: [],
    user: {}, // 用户信息
    hotSearchkeywords: [], // 热门搜索
    loading: null,
  },
  getters: {
  },

  mutations: {
    setHistoricalSearch(state, payload) {
      if (!Array.isArray(payload)) payload = [payload]
      let targetArr = [...new Set([...payload, ...state.historicalSearch])]
      if (targetArr.length > 10) targetArr = targetArr.slice(0, 10)

      state.historicalSearch = targetArr
      localStorage.setItem('historicalSearch', JSON.stringify(targetArr))
    },

    setAllForumList(state, payload) {
      state.allForumList = payload
    },

    setHomeRequestState(state, payload) {
      state.homeRequestState = payload
    },

    setFavoriteList(state, payload) {
      state.favoriteList = payload
    },

    setRecommendList(state, payload) {
      state.recommendList = payload
    },

    setUser(state, payload) {
      state.user = payload
    },

    setHotSearchkeywords(state, payload) {
      state.hotSearchkeywords = payload
    },

    setgetUserInfoState(state, payload) {
      state.getUserInfoState = payload
    },

  },

  actions: {
    // 获取历史搜索的数据
    fetchHistoricalSearch({ commit }) {
      let historicalSearch = JSON.parse(localStorage.getItem('historicalSearch')) || []
      commit('setHistoricalSearch', historicalSearch)
    },

    // 获取全部板块的数据
    getAllForum({ commit }, that) {
      // getAllForum(commit, that) {
      that.$startupUnderLoading(that)
      that.$http.get("/api/home/allForum").then(res => {
        if (res.code != 200) return;
        let allForumList = res.data
        commit('setAllForumList', allForumList)

      }).catch(err => {
        that.$message.error(err.message)
      }).finally(() => {
        that.$closeUnderLoading(that)
      })

    },

    // 获取用户信息  获取收藏信息那些数据
    getUserInfo({ state, commit }, that) {
      if (state.getUserInfoState) return
      commit('setgetUserInfoState', true)
      // that.$startupUnderLoading(that)
      that.$http.post("/api/home").then(res => {
        if (res.code != 200) return;
        let data = res.data
        let { config, favorite, hotSearchkeywords, recommend, user } = data

        commit('setHomeRequestState', true)
        commit('setUser', user)
        commit('setFavoriteList', favorite)
        commit('setRecommendList', recommend)
        commit('setHotSearchkeywords', hotSearchkeywords)

        if (that.userInfo) {   // 这个是顶部用户数据的 这样不用监听是否请求成功
          that.userInfo = user
          that.islogin = user.uid > 0 ? true : false;
          that.hotSearchkeywords = hotSearchkeywords
        }

      }).catch(err => {
        that.$message.error(err.message)
      }).finally(() => {
        // that.$closeUnderLoading(that)
        commit('setgetUserInfoState', false)
      })
    },


  },
  modules: {

  }
})