iview-admin 菜单按钮权限验证实现

背景

最近一直在用iview-admin前端vue框架，对权限的验证如果放在前端，可以这么写。

开始

1、首先登录时，需后台接口将资源权限传给前端

// 登录
    handleLogin({
   
      commit
    }, {
   
      username,
      password
    }) {
   
      username = username.trim()
      return new Promise((resolve, reject) => {
   
        login({
   
          username,
          password
        }).then(res => {
   
          if (res.code == 0) {
   
            localStorage.setItem('token', res.res.token)
            localStorage.setItem('user', JSON.stringify(res.res))
            localStorage.setItem('userType', res.res.userType)
            localStorage.setItem('roleList', JSON.stringify(res.res.roleList))
            localStorage.setItem('resourceList', JSON.stringify(res.res.resourceList))//权限资源放在这里
          }
          resolve(