黑马后台小案例
跟着视频写的案例
源码地址:黑马后台小案例
控制页面权限
1. 当需要权限的路径不多时可以声明数组来储存路径
// 全局前置守卫
router.beforeEach((to, from , next) => {
// 控制页面权限
const pathArr = ['/home', '/home/users', '/home/goods']
//当访问的页面在 pathArr 数组中 表明需要权限
if(pathArr.indexOf(to.path) !== -1){
// code...
} else {
next()
}
})
2. 当需要权限的路径较多时 可以设置一个导出数组的 js 文件
在 /src/router
下新建 pathArr.js
文件
export default [
'/home',
'/home/users',
'/home/goods'
]
在 index.js
中导入文件 并用常量 pathArr
接收
import pathArr from './pathArr'
//...
// 全局前置守卫
router.beforeEach((to, from , next) => {
// 控制页面权限
if(pathArr.indexOf(to.path) !== -1){
// code...
} else {
next()
}
})