> 值得注意是的百分之二十的问题都可以用重装依赖来解决，所以你可以尝试一下：删除 'node_modules' 文件夹 -> 删除 'package-lock.json'或 'pnpm-lock.yaml' 文件 -> 运行 'pnpm install' 或 'npm install' 命令根据您的描述，您希望实现动态菜单，但是通过路由仍然可以访问到没有菜单的页面。为了解决这个问题，您可以使用 Umi 和 antd 提供的一些功能和组件来实现。 1. 首先，您可以在 Umi 的路由配置文件中添加一个 `layout` 字段，用于标识是否隐藏菜单、导航头和页脚。例如： ```typescript // config/routes.ts export default [ { path: '/overview', component: 'Overview/index', name: 'overview', icon: 'testicon', layout: { hideMenu: false, hideNav: false, hideFooter: false, }, }, ]; ``` 2. 接下来，在您的菜单组件中，根据路由的 `layout` 字段来判断是否显示菜单项。您可以使用 antd 的 `Menu` 组件来实现菜单。例如： ```tsx // components/Menu/index.tsx import { Menu } from 'antd'; import { Link, useLocation } from 'umi'; const CustomMenu: React.FC = () => { const location = useLocation(); // 根据路由配置和当前路径判断是否隐藏菜单项 const isMenuHidden = location.pathname !== '/overview'; return ( {!isMenuHidden && ( Overview )} {/* 其他菜单项 */} ); }; export default CustomMenu; ``` 这样，在路径为 `/overview` 的页面上，会显示菜单项，而在其他页面上，菜单项将被隐藏。 3. 最后，您可以根据路由的 `layout` 字段来在页面组件中隐藏导航头和页脚。您可以使用 antd 的 `Layout` 组件来实现。例如： ```tsx // layouts/index.tsx import { Layout } from 'antd'; const CustomLayout: React.FC = ({ children }) => { const location = useLocation(); // 根据路由配置和当前路径判断是否隐藏导航头和页脚 const isNavHidden = location.pathname !== '/overview'; const isFooterHidden = location.pathname !== '/overview'; return ( {!isNavHidden &&

} {children} {!isFooterHidden &&

动态菜单实现后，路由是全部的，可以通过url跳转到不显示的菜单项🐛 [BUG] #10728

Company

Community

Support

Connect