如何加权限

[songyanbo]

如何加权限

[songyanbo]

可以参考ant-design-pro的权限，只需要在utils/core.js做如下更改即可实现，还有记得在具体的页面路由配置中增加authority: ['admin']，代码如下：
`import React from 'react';
import dynamic from 'dva/dynamic';
import { Route, Switch, Redirect } from 'dva/router';
import DocumentTitle from 'react-document-title';
import assign from 'object-assign';
import $$ from 'cmn-utils';
import config from '@/config';
import Authorized from '../utils/Authorized';
const { AuthorizedRoute } = Authorized;

/**

• 生成动态组件
• @param {*} app
• @param {*} models
• @param {*} component
  */
  export const dynamicWrapper = (app, models, component) =>
  dynamic({
  app,
  models: () => models,
  component
  });

/**

• 生成一组路由
• @param {*} app
• @param {*} routesConfig
  /
  export const createRoutes = (app, routesConfig) => {
  return (
  
  {routesConfig(app).map(config => createRoute(app, () => config))}
  
  );
  };
  // 路由映射表
  window.dva_router_pathMap = {};
  /*
• 生成单个路由
• @param {*} app
• @param {*} routesConfig
  /
  export const createRoute = (app, routesConfig) => {
  const {
  component: Comp,
  path,
  indexRoute,
  title,
  exact,
  authority,
  ...otherProps
  } = routesConfig(app);
  if (path && path !== '/') {
  window.dva_router_pathMap[path] = { path, title, ...otherProps };
  // 为子路由增加parentPath
  if (otherProps.childRoutes && otherProps.childRoutes.length) {
  otherProps.childRoutes.forEach(item => {
  if (window.dva_router_pathMap[item.key]) {
  window.dva_router_pathMap[item.key].parentPath = path;
  }
  });
  }
  }
  const routeProps = assign(
  {
  key: path || $$.randomStr(4),
  render: props => (
  <DocumentTitle
  title={
  config.htmlTitle ? config.htmlTitle.replace(/{.}/gi, title) : title
  }
  >
  <Comp routerData={otherProps} {...props} />
  
  )
  },
  path && {
  path: path
  },
  exact && {
  exact: exact
  },
  authority&&{
  authority: authority
  }
  );
  // before add authorized
  // if (indexRoute) {
  // return [
  // <Redirect key={path + '_redirect'} exact from={path} to={indexRoute} />,
  // <Route {...routeProps} />
  // ];
  // }

// return <Route {...routeProps} />;

if (indexRoute) {
return [
<Redirect key={path + '_redirect'} exact from={path} to={indexRoute} />,
<AuthorizedRoute
{...routeProps}
redirectPath="/403"
/>
];
}
return <AuthorizedRoute
{...routeProps}
redirectPath="/403"
/>;
};
页面路由配置更改：import { dynamicWrapper, createRoute } from '@/utils/core';

const routesConfig = app => ({
path: '/myproject',
title: '我的项目',
component: dynamicWrapper(app, [import('./model')], () => import('./components')),
exact: true,
authority: ['admin','audit'],
});

export default app => createRoute(app, routesConfig);
`