ant-design-pro v4 从服务器请求菜单

ant-design-pro写的比较笼统，router-nav-cn
这里详细介绍一下从服务器请求菜单的过程：
第一步：找到入口文件layouts/BasicLayout.js
第二步：配置请求方法及菜单调用menuData

第三步：新建一个menu.js，调用 model 的 effect

第四步：调用统一管理的 service 请求函数

最后一步：json格式

注意：如果菜单有子级时，需要多做一步操作：

需要将数据进行改造，将父级地址添加到子级去，代码以下：

import { isUrl } from '@/utils/utils';
function formatter(data, parentPath = '/', parentAuthority) {return data.map(item => {let { path } = item;if (!isUrl(path)) {path = parentPath + item.path;}// if (item.icon) {//     icon = item.icon.replace('icon-', '');// }const result = {...item,path,authority: item.authority || parentAuthority,};if (item.children) {result.children = formatter(item.children,`${parentPath}${item.path}/`, item.authority);}return result;});
}

以上，有帮助请点个赞，谢谢。同时也是为了以后可以自己查阅一下。

ant-design-pro v4 从服务器请求菜单相关推荐

ant design pro v4 从后台服务器请求菜单，思路，具体代码及坑
原文见:https://www.yuque.com/asuncat/htn2dd/wgnx0u 版本信息 ant design pro : v4.2.2 umi: v3.2.14 pro-layout ...
UmiJS TypeScript Ant Design Pro v4 从零开始实战教程（63 个视频）
UmiJS & TypeScript & Ant Design Pro v4 从零开始实战教程(63 个视频) Antd Pro 是国内最流行的前端后台框架,使用它可以轻易搭建一个超级 ...
Ant Design Pro v4 is Here
Ant Design Pro v4 is Here 距离 Pro 的上个版本发布已经过去了 8 个月,Pro 也进行了许多的迭代,但是大部分更新仍然以修复 bug 为主.在此期间我们遇到了许多使用 P ...
Ant Design Pro V4下载运行
简介:Ant Design Pro是阿里巴巴旗下蚂蚁金服开源的中台前端/设计解决方案,官网. 一.下载安装 1.1 前序准备你的本地环境需要安装 yarn.node 和 git.我们的技术栈基于 E ...
Ant Design Pro V4 入门到实战手册【2020】
前言第一章初识 Ant Design Pro 1. 调整 Ant Design Pro 基本配置 2. 浅析 Ant Design Pro 工作流程第二章布局和路由 1. 复杂页面布局的&qu ...
服务器返回的响应数据无效,Ant Design Pro 5 网络请求和错误处理
Ant Design Pro 5 的网络请求有点复杂,只看文档不阅读源码搞不清楚到底发生了什么事情.涉及到fetch umi-request @umijs/plugin-request Ant Des ...
Ant design pro v4-服务器菜单和路由权限控制
要解决的问题:ant design pro默认情况下,菜单和路由都用配置的方式,在前端的config/config.ts中配置.但是大多数后台系统都需要由后端服务器控制权限. 类似的需求一般包括两点: ...
Ant Design Pro模板无多标签页解决方案
白嫖了无尽岁月,我也来写个博客.希望能帮到你! 网上一些方案都是把官方模板替换成自己写的.本人的方案是在模板的基础上进行添砖加瓦,理解起来更容易! 解决思路是: 记录页面切换时的路由(onPageCh ...
Ant Design Pro v5 获取动态菜单与基于角色权限管理视频教程（33 个视频）
Ant Design Pro v5 获取动态菜单与基于角色权限管理视频教程(33 个视频) 很多人问如何获取动态菜单的,所以在 antd prov 5 来讲一下角色管理的.从最基础的用户管理,角色管理 ...

ant-design-pro v4 从服务器请求菜单

ant-design-pro v4 从服务器请求菜单相关推荐

最新文章

热门文章