vue 用户权限菜单管理之动态路由添加和刷新问题

用户权限菜单管理思路：

1.给不同的用户设置不同的权限规则，存在后台的数据库中。

我这里后台用的是nodejs+express+mongodb数据库写的，这里定义了两个用户，一个能访问四个路由地址，另一个能访问两个。

2.在vue-router中将公告路由和有权限的路由表区分。

我是将公共路由和动态添加的路由表分成两个JS文件写的（分模块）

import Vue from 'vue'
import VueRouter from 'vue-router'
import store from '@/store/index'

Vue.use(VueRouter)

// 公共路由表  只留一个登录页，保证用户都能访问到
const routes = [
  {
    path: '/login',
    meta: {title:'登录页'},
    component: () => import( '@/views/Login.vue')
  },
]

const router = new VueRouter({
  mode: 'history',
  base: process.env.BASE_URL,
  routes
})

//将所有涉及到的权限路由都添加在这个文件，主要依靠meta路由元