目前實現的效果:1.刷新 和 跳轉任何頁面都會跳到登錄頁面2.路由攔截屏蔽后,刷新頁面vuex里的數據都消失了問題:1.設置路由攔截后,實現了不登錄全跳轉至登錄頁面,但是刷新也都跳轉到登錄頁面2.路由攔截屏蔽后,刷新頁面vuex里的數據都消失了,知道可以存在localStorage,但是具體的怎么實現呢?3.用戶數據少可以存在localStorage里,但是主頁的所有數據就不少了,難道也存在里面嗎?4.可不可以讓刷新頁面和路由攔截結合起來,刷新頁面再請求用戶數據和當前頁面的數據,具體怎么實現?最終實現結果:刷新后依然保持在當前頁面,并且數據不消失代碼:indeximport Vue from 'vue';import Vuex from 'vuex';import getters from './getters';import actions from './actions';import mutations from './mutations';Vue.use(Vuex);const state = {  token: '',  isLogin: false, // 用戶是否登錄  userInfo: {  // 用戶信息    id: '',       // 用戶id    name: '',     // 用戶名字    deptId: '',   //    realName: '', // 用戶真實名字    avatar: '',   // 用戶頭像    roles: '',    // 用戶權限  }};const store =  new Vuex.Store({  state,  getters,  actions,  mutations});export default store;mutationsexport const mutations = {  SET_TOKEN: (state, token) => {    state.token = token  },  SET_ISLOGIN: (state, isLogin) => {    state.isLogin = isLogin  },  SET_ID: (state, id) => {    state.userInfo.id = id  },  SET_NAME: (state, name) => {    state.userInfo.name = name  },  SET_DEPTID: (state, deptId) => {    state.userInfo.deptId = deptId  },  SET_REALNAME: (state, realName) => {    state.userInfo.realName = realName  },  SET_AVATAR: (state, avatar) => {    state.userInfo.avatar = avatar  },  SET_ROLES: (state, roles) => {    state.userInfo.roles = roles  },};export default mutations;actionsmain.js