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()
  }
})