vue-element-template实战 获取后端路由表动态生成权限
Posted windok
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue-element-template实战 获取后端路由表动态生成权限相关的知识,希望对你有一定的参考价值。
主要思路如下:
- 用户登录login获取token
- 拿着token请求用户信息,同时后端返回一个路由表
- 前端解析后动态添加路由表,同时存储到本地localstorage
- 刷新页面或者退出登录或者登录过期等时,会进行相应的判断,重新渲染路由
1、在src/router文件夹下新建_import.js,用于匹配组件,代码如下:
export default file => { return map[file] || null } const map = { ‘Layout‘: () => import(‘@/layout‘), ‘table‘: () => import(‘@/views/table/index‘), ‘tree‘: () => import(‘@/views/tree/index‘), ‘form‘: () => import(‘@/views/form/index‘), ‘menu1‘: () => import(‘@/views/nested/menu1/index‘), ‘menu1-1‘: () => import(‘@/views/nested/menu1/menu1-1‘), ‘menu1-2‘: () => import(‘@/views/nested/menu1/menu1-2‘), ‘menu1-2-1‘: () => import(‘@/views/nested/menu1/menu1-2/menu1-2-1‘), ‘menu1-2-2‘: () => import(‘@/views/nested/menu1/menu1-2/menu1-2-2‘), ‘menu1-3‘: () => import(‘@/views/nested/menu1/menu1-3‘), ‘menu2‘: () => import(‘@/views/nested/menu2/index‘) }
以上是关于vue-element-template实战 获取后端路由表动态生成权限的主要内容,如果未能解决你的问题,请参考以下文章