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