基于Vue和Nuxt的后台管理系统权限控制方案

页面权限控制主要划分为两个方面：
一是菜单中对应页面是否具备访问权限；
二是页面内部按钮（如新增、删除、修改等）的显示权限控制。

关于页面访问权限的基本流程如下：

详细实现步骤：
1、构建路由表
左侧菜单列表被存储在vuex的一个模块js文件中。

直接展示代码routerPermission.js：
state中的permission字段为模拟从接口获取的权限数据，slideMenu则代表左侧导航菜单的结构。ROUTER_MATCH为路由与权限表进行匹配的操作，将匹配结果写入相应页面的路由配置，随后在具体页面中调用。

const user = {
state: {
permission: [
{
‘path’: ‘/active/active’,
permission: [0, 1, 2]
},
{
‘path’: ‘/task/task’,
permission: [1, 2]
},
{
‘path’: ‘/resource/resource’,
permission: [3, 4]
},
{
‘path’: ‘/theme/theme’,
permission: [5, 6]
},
{
‘path’: ‘/organization/org’,
permission