[add]案例：无权限时展示降级页面

wpgodforever · May 3, 2024 · 20b1464 · 20b1464
1 parent 48521e8
commit 20b1464
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 0 deletions.
diff --git a/src/components/MainMenu/sliderConfig.ts b/src/components/MainMenu/sliderConfig.ts
@@ -58,6 +58,11 @@ export const sliderConfig = [
                 label: 'hooks useContext',
                 path: '/case/useContext'
             },
+            {
+                key: 34,
+                label: '无权限展示',
+                path: '/case/right'
+            },
         ]
     }
 ]

diff --git a/src/routers/index.tsx b/src/routers/index.tsx
@@ -10,6 +10,7 @@ const Test1 = lazy(() => import('../views/Test/test1.tsx'))
 const UseRef = lazy(() => import('../views/Case/useRef.tsx'))
 const UseEffect = lazy(() => import('../views/Case/useEffect.tsx'))
 const UseContext = lazy(() => import('../views/Case/useContext.tsx'))
+const Right = lazy(() => import('../views/Case/right.tsx'))
 
 import { defaultAuthLoad } from './auth'
 
@@ -98,6 +99,13 @@ const routes = [
                     role: ['admin']
                 }),
             },
+            {
+                path: '/case/right',
+                element: defaultAuthLoad(lazyLoading(<Right />), {
+                    title: '无权限展示',
+                    role: ['tester']
+                }),
+            },
 
         ]
     },

diff --git a/src/views/Case/right.tsx b/src/views/Case/right.tsx
@@ -0,0 +1,9 @@
+const right = () => {
+    return (
+        <div>
+            <h1>right</h1>
+        </div>
+    );
+}
+
+export default right;