![b5955007be0e609e4ed5d8b56ef3005d.png](https://i-blog.csdnimg.cn/blog_migrate/44face0872cd77aabcaba7d73e753ab3.jpeg)
因为项目刚好用到 vue-element-admin 这个后台集成方案。这边就来研究研究它集成的一些解决方案。
首先说一说他的路由权限校验这块内容(使用和原理)。
先来看看使用,使用很简单,找到路由配置文件 src/router/index.js,找到asyncRoutes这个数组,在需要配置权限的路由上添加meta属性,meta是一个对象,meta对象上添加roles属性,roles是一个数组,里面可以放admin、editor两个角色。
export const asyncRoutes = [
{
path: '/book',
component: Layout,
redirect: '/book/create',
meta: {
title: '图书管理', icon: 'documentation', roles: ['admin'] },
children: [
{
path: '/book/create',
component: () => import('@/views/book/create'),
meta: {
title: '上传图书'