新增本地环境无需鉴权功能

config/routes/index.ts

@@ -34,10 +34,12 @@ const memberCenterRoute = {
     ...routes,
     {
       path: '/noAuth',
+      auth: false,
       component: '@/pages/403',
     },
     // 能力中心的404页
     {
+      auth: false,
       component: '@/pages/404',
     },
   ],

src/app.tsx

@@ -7,13 +7,13 @@ import '@/global/styles/global.less';  // 导入全局样式
 
 // 默认引入所有的ant样式， 不引入css因为无法做到变量覆盖
 import 'antd/dist/antd.less'
+import { isDev } from '@/constants'
 import { setup } from '@formily/antd-components';
-import { GlobalConfig } from './global/config';
-import { asyncRouter } from './utils/asyncRouter';
-import { getRouters, getAuth } from './utils/auth';
+import { getRouters, getAuth, asyncRouter } from './utils/auth';
 
 setup()
 
+
 // let routeAuthUrls: any[] = []
 // 路由白名单
 const whiteLists = [
@@ -40,6 +40,9 @@ const whiteLists = [
  *
  */
 export function patchRoutes({ routes }: IRoutes) {
+  if (isDev) {
+    return ;
+  }
   asyncRouter(getRouters(), routes)
 }
 
@@ -62,10 +65,14 @@ export function render(oldRender:Function) {
  */
 export function onRouteChange({ routes, matchedRoutes, location, action }) {
   console.log(`当前可访问的路由为`)
-  console.log(routes)
+  console.log(routes, matchedRoutes, location)
+  if (isDev) {
+    return ;
+  }
   if (whiteLists.includes(location.pathname)) return ;
 
   const routeAuthUrls = getRouters()
+  // 是否登录
   if (getAuth()) {
     if (routeAuthUrls.includes(location.pathname)) {
 

src/constants/index.ts

@@ -8,6 +8,9 @@ export const MALL_TYPE = {
   5: '渠道积分商城'
 }
 
+// 本地环境跳过权限校验
+export const isDev = true
+
 export const Environment_Status = {
   0: "所有",
   1: "PC",

src/global/config/global.d.ts

@@ -13,26 +13,9 @@ export interface UseType {
 	businessType: BusinessType[];
 }
 
-export interface Element {
-	id: number;
-	fieldName: string;
-	fieldCNName: string;
-	fieldType: string;
-	fieldLength: number;
-	fieldEmpty: number;
-	fieldOrder: number;
-	fieldRemark: string;
-	checkRules: any[];
-}
-
-export interface UseDetail {
-	groupName: string;
-	elements: Element[];
-}
-
 export interface UserRegister {
 	useType: UseType;
-	useDetail: UseDetail[];
+	useDetail: any[];
 }
 
 export interface CountryList {

src/layouts/components/OuterSide.tsx

@@ -4,6 +4,7 @@ import { AppstoreOutlined } from '@ant-design/icons'
 import { Link } from 'umi'
 import styles from '../styles/MenuSlider.less'
 import { getRouters } from '@/utils/auth'
+import { isDev } from '@/constants'
 
 const { Sider } = Layout
 
@@ -12,17 +13,27 @@ export interface OuterSiderProps {
   pathname: string | undefined;
 }
 
+
 const OuterSider: React.FC<OuterSiderProps> = (props) => {
   const { menuData, pathname = "/" } = props
   const authRouters = getRouters()
   let defaultSelectedKeys: string = ""
+
+  const isAuthPath = (path) => {
+    if (isDev) {
+      return true
+    } else {
+      return authRouters.includes(path)
+    }
+  }
+
   const getSubMenu = () => {
     const subHeadMenus: Array<any> = []
     menuData.forEach(item => {
       if (pathname.indexOf(item.key) > -1) {
         defaultSelectedKeys = item.key
       }
-      !item.hideInMenu && authRouters.includes(item.path) && subHeadMenus.push({
+      !item.hideInMenu && isAuthPath(item.path) && subHeadMenus.push({
         path: item.path,
         title: item.name,
         icon: item.icon,

src/utils/asyncRouter.ts

-
-export const asyncRouter = async (routeLists: string[], routes: any[]) => {
-  for (let i = 0; i < routes.length; i++) {
-    const item = routes[i]
-    if (item.routes) {
-      asyncRouter(routeLists, item.routes)
-    } else {
-      // 参与权限校验的页面
-      if (item.path && !routeLists.includes(item.path)) {
-        item.hideInMenu = true
-        item.noAuth = true
-      }
-    }
-  }
-}

src/utils/auth.ts

@@ -35,3 +35,18 @@ export const removeRouters = () => {
 export const removeAuth = () => {
   window.localStorage.removeItem('auth')
 }
+
+export const asyncRouter = async (routeLists: string[], routes: any[]) => {
+  for (let i = 0; i < routes.length; i++) {
+    const item = routes[i]
+    if (item.routes) {
+      asyncRouter(routeLists, item.routes)
+    } else {
+      // 参与权限校验的页面
+      if (item.path && !routeLists.includes(item.path)) {
+        item.hideInMenu = true
+        item.noAuth = true
+      }
+    }
+  }
+}
\ No newline at end of file