vue-element-admin 动态路由与 api 里的 url 对应?

fdx2calv  于 4个月前  发布在  其他
关注(0)|答案(2)|浏览(108)

我想问一下,我菜单是后台传过来的。 菜单数据: { "code": 0, "msg": "ok", "data": [ { "menu_id": 7, "name": "首页", "icon": "s-home", "sort": "0", "path": "/", "parent_id": 0 }, { "menu_id": 1, "name": "用户管理", "icon": "peoples", "sort": "1", "path": "", "parent_id": 0, "children": [ { "menu_id": 2, "name": "用户列表", "icon": "", "sort": "2", "path": "/user/index", "parent_id": 1 } ] }, { "menu_id": 3, "name": "角色管理", "icon": "people", "sort": "3", "path": "", "parent_id": 0, "children": [ { "menu_id": 4, "name": "角色列表", "icon": "", "sort": "4", "path": "/rbac/list-role", "parent_id": 3 } ] }, { "menu_id": 5, "name": "菜单管理", "icon": "list", "sort": "5", "path": "", "parent_id": 0, "children": [ { "menu_id": 6, "name": "菜单列表", "icon": "", "sort": "6", "path": "/menu/index", "parent_id": 5 } ] } ] }
请问,element-admin/src/api/user.js 我菜单的 path 访问路径怎么与 api 里request()里的 url 映射对应?又要重新写一遍吗?有什么好的文案?

6mzjoqzu

6mzjoqzu1#

你的意思是将后台返回的菜单数据中的path作为路由路径吗?
api中的request其实是封装好的axios
你直接请求得到之后就可以把path提取出来动态加载路由了

还是说你想访问对应path中的数据,如果是这样的话,首先发一次请求获得菜单数据后,提取出path,存储在一个数组中,然后遍历数组创建request请求就好了

yzxexxkh

yzxexxkh2#

根据菜单生成路由,通过addrouters 将菜单生成的路由添加进来。就可以了。

相关问题