feat: 添加路由拦截器/修复打包侧边栏图标失效问题

src/views/Main/index.tsx

@@ -7,14 +7,15 @@ import {
 	QuestionCircleFilled,
 } from "@ant-design/icons";
 import { DefaultFooter, PageContainer, ProCard, ProLayout } from "@ant-design/pro-components";
-import defaultProps from "./defaultSettings.tsx";
+import settings from "./settings.tsx";
 import { Link, Outlet, useLocation } from "react-router-dom";
 import logo from "@/assets/images/logo.png";
 import { Suspense } from "react";
 import { Dropdown } from "antd";
+// import { getUserMenuPermission } from "@/api/user";
 
 export default function Layout() {
-	const location: any = useLocation();
+	const location = useLocation();
 	return (
 		<div
 			id="test-pro-layout"
@@ -27,12 +28,6 @@ export default function Layout() {
 				pure={false}
 				loading={false}
 				contentWidth={"Fluid"}
-				menu={{
-					defaultOpenAll: false,
-					hideMenuWhenCollapsed: false,
-					type: "group",
-					collapsedShowTitle: false,
-				}}
 				title={"五味子云存储"}
 				siderWidth={216}
 				menuItemRender={(menuItemProps, defaultDom) => {
@@ -41,8 +36,18 @@ export default function Layout() {
 					}
 					return <Link to={menuItemProps.path}>{defaultDom}</Link>;
 				}}
-				{...defaultProps}
-				disableMobile={true}
+				{...settings}
+				menu={{
+					// request: async () => {
+					// 	const res: any = await getUserMenuPermission("17");
+					// 	return res.data.routes;
+					// },
+					type: "group",
+					defaultOpenAll: false,
+					hideMenuWhenCollapsed: false,
+					collapsedShowTitle: false,
+				}}
+				disableMobile={false}
 				location={{
 					pathname: location.pathname,
 				}}