feats

config/routes.js

@@ -17,7 +17,6 @@ export default [
       {
         path: '/',
         component: '../layouts/BasicLayout',
-        authority: ['admin', 'user'],
         routes: [
           {
             path: '/',
@@ -739,6 +738,12 @@ export default [
           //     },
           //   ],
           // },
+          {
+            name: '403',
+            path: '/403',
+            component: './403',
+            hideInMenu: true,
+          },
           {
             component: './404',
           },

src/layouts/BasicLayout.jsx

@@ -71,9 +71,7 @@ const BasicLayout = props => {
     }
   };
 
-  const findAuthority = (path) => {
-    return ((props.user.menuList || []).filter(x => x.code === path)[0] || {}).roles
-  }
+  const findAuthority = path => ((props.user.menuList || []).filter(x => x.code === path)[0] || {}).roles
 
   /**
    * use Authorized check all menu item
@@ -86,9 +84,9 @@ const BasicLayout = props => {
       return Authorized.check(authority, localItem, null);
     });
 
-  const checkRights = (children) => {
+  const checkRights = children => {
     const authority = findAuthority(props.location.pathname);
-    return Authorized.check(authority, children, <Redirect to="/exception/403" />);
+    return Authorized.check(authority, children, <Redirect to="/403" />);
   }
 
   return (

src/pages/403.jsx

@@ -0,0 +1,19 @@
+import { Button, Result } from 'antd';
+import React from 'react';
+import router from 'umi/router'; // 这里应该使用 antd 的 404 result 组件，
+// 但是还没发布，先来个简单的。
+
+const NoFoundPage = () => (
+  <Result
+    status="403"
+    title="403"
+    subTitle="您暂时无权限访问当前页面."
+    extra={
+      <Button type="primary" onClick={() => router.push('/')}>
+        Back Home
+      </Button>
+    }
+  ></Result>
+);
+
+export default NoFoundPage;

src/pages/Authorized.jsx

@@ -38,7 +38,7 @@ const AuthComponent = ({
   return (
     <Authorized
       authority={getRouteAuthority(location.pathname, routes) || ''}
-      noMatch={isLogin ? <Redirect to="/exception/403" /> : <Redirect to="/user/login" />}
+      noMatch={isLogin ? <Redirect to="/403" /> : <Redirect to="/user/login" />}
     >
       {children}
     </Authorized>