硅谷通用权限（SSM）_第7章_权限管理+前端权限对接

硅谷通用权限（SSM）_第7章_权限管理+前端权限对接

一、菜单权限及按钮权限

按照下面步骤即可完成前端框架权限对接

1、修改request.js文件

2、store/modules/user.js

新增菜单及按钮处理

const getDefaultState = () => {
   
  return {
   
    token: getToken(),
    name: '',
    avatar: '',

    buttons: [], // 新增
    menus: '' //新增
  }
}

const mutations = {
   
  RESET_STATE: (state) => {
   
    Object.assign(state, getDefaultState())
  },
  SET_TOKEN: (state, token) => {
   
    state.token = token
  },
  SET_NAME: (state, name) => {
   
    state.name = name
  },
  SET_AVATAR: (state, avatar) => {
   
    state.avatar = avatar
  },
  
  // 新增
  SET_BUTTONS: (state, buttons) => {
   
    state.buttons = buttons
  },
  // 新增
  SET_MENUS: (state, menus) => {
   
    state.menus = menus
  }
}

// get user info
getInfo({
     commit, state }) {
   
  return new Promise((resolve, reject) => {
   
    getInfo().then(response => {
   
      const {
    data } = response

      if (!data) {
   
        return reject('Verification failed, please Login again.')
      }

      const {
    name, avatar } = data

      commit('SET_NAME', name)
      commit('SET_AVATAR', avatar)

      commit("SET_BUTTONS", data.buttons)
      commit("SET_MENUS", data.routers)
      resolve(data)
    }).catch(error => {
   
      reject(error)
    })
  })
}