vue-cli项目的权限控制

1、vue项目的前端权限控制,创建一个js文件

2、将js文件引入main.js里面,一登录跳转页面之前判断session里面存的权限有没有js文件里面的,各种不同的权限跳转不同的页面。

import allPermissions from '@/utils/permissionsAll'

window.allPermissions = allPermissions

// 路由拦截器
router.beforeEach((to, from, next) => {
  if (to.path !== '/forget') {
    if (session.get('userBh') && to.path !== '/forget') {
      if (to.path === '/system') {
        if (session.get('session_user').permissions.indexOf(allPermissions.MENU_USER) !== -1) {
          next('/system/user')
        } else {
          next('/system/appuser')
        }
      } else if (to.path === '/party') {
        if (session.get('session_user').permissions.indexOf(allPermissions.MENU_PARTMEMBER) !== -1) {
          next('/party/member')
        } else {
          next('/party/org')
        }
      } else {
        if (to.path !== '/index/home' && to.meta.permission !== true) {
          if (to.meta.permission && session.get('session_user').permissions.indexOf(to.meta.permission) === -1) {
            next('/noPermission')
          } else {
            next()
          }
        }
        next()
      }
    } else {
      if (to.path === '/') {
        next()
      } else {
        next('/')
      }
    }
  } else {
    next()
  }
})

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章