移除antd pro中的 路由的国际化

Posted 2023-04-11

参考技术A 对于大部分不需要国际化的ant pro来说。
移除locale会减轻很多开发工作。

import formatMessage from 'umi/locale';

替换

为
const pageName = currRouterData.cnname;

import formatMessage from 'umi/locale';
替换formatter

为

Antd Pro V5 登录后重新远程请求菜单

因为路由是存在 initialState 这个 Hooks 中，如下：

const { initialState, setInitialState } = useModel(\'@@initialState\');

所以只需要在登录的逻辑中利用这段代码即可：

// 自己写的远程请求接口
import { R_Menu } from \'@/services/builder\';
// 导入系统默认的菜单
import SystemRoutes from \'@/../config/routes\';

// 改写登录页的逻辑
const fetchUserInfo = async () => {
  const userInfo = await initialState?.fetchUserInfo?.();
  // 这里是成功返回用户信息之后的逻辑
  if (userInfo) {
    // 调用自己写的请求菜单
    const menu = await R_Menu();
    // 合并系统路由 & 业务菜单
    const freshMenu = SystemRoutes.concat(menu);
    // 覆盖系统当前的路由
    setInitialState({
      ...initialState,
      menuData: freshMenu,
      currentUser: userInfo,
    });
  }
};