app.tsx ```ts import Footer from '@/components/Footer' import RightContent from '@/components/RightContent' import type { Settings as LayoutSettings } from '@ant-design/pro-layout' import { PageLoading } from '@ant-design/pro-layout' import { message } from 'antd' import ClipboardJS from 'clipboard' import type { RequestConfig, RunTimeLayoutConfig } from 'umi' import { history, request as umiRequest } from 'umi' import type { RequestOptionsInit, ResponseError, ResponseInterceptor } from 'umi-request' import defaultSettings from '../config/defaultSettings' import { apiUserInfo, fetchChannelList } from './api/ant-design-pro/api' import { channelListToMap, clearLocalStorage, messageOnce } from './utils' // Sentry.init({ // dsn: 'https://45fb3e51287b42738cff3b62e585f60a@o1171004.ingest.sentry.io/6453859', // integrations: [new BrowserTracing()], // environment: process.env.NODE_ENV, // // Set tracesSampleRate to 1.0 to capture 100% // // of transactions for performance monitoring. // // We recommend adjusting this value in production // tracesSampleRate: 1.0, // }) type InitialState = { settings: Partial currentUser?: API.CurrentUser | undefined fetchUserInfo?: () => Promise channelMap?: Map channelList?: any[] gameId?: string | null gameList?: any[] } const loginPath = '/user/login' new ClipboardJS('.copy-btn') /** * https://github.com/blueju/umi-request-practice/blob/main/src/lib/error-handler.ts */ const codeMaps = { // 200: '成功返回请求的数据。', 201: '新建或修改数据成功。', 202: '一个请求已经进入后台排队（异步任务）。', 204: '删除数据成功。', 400: '发出的请求有错误，服务器没有进行新建或修改数据的操作。', 401: '用户没有权限（令牌、用户名、密码错误）。', 403: '用户得到授权，但是访问是被禁止的。', 404: '发出的请求针对的是不存在的记录，服务器没有进行操作。', 405: '请求方法不支持,请联系开发人员', 406: '请求的格式不可得。', 410: '请求的资源被永久删除，且不会再得到的。', 422: '当创建一个对象时，发生一个验证错误。', 500: '服务器发生错误，请检查服务器。', 502: '网关错误。', 503: '服务不可用，服务器暂时过载或维护。', 504: '网关超时。', } /** 获取用户信息比较慢的时候会展示一个 loading */ export const initialStateConfig = { loading: , } /** * @see https://umijs.org/zh-CN/plugins/plugin-initial-state * */ export async function getInitialState(): Promise { const isLogin = localStorage.getItem('x-token') let res: InitialState = { settings: defaultSettings, } if (isLogin) { // 初始化和 login 都会执行 const pCurrentUser = apiUserInfo() const pChannelList = fetchChannelList() const currentUser = await pCurrentUser const channelList = await pChannelList let { data: gameList } = await umiRequest('/sys/basic/game_list') gameList = gameList.map((item: any) => ({ ...item, label: item.name, value: item.game_id })) const gameId = localStorage.getItem('gameId') || gameList?.find?.((item: any) => item.is_stop === '0')?.game_id res = { // 页面接口需要game-id, gameId, currentUser, gameList: gameList || [], settings: defaultSettings, channelList: channelList, channelMap: channelListToMap(channelList), } console.assert(gameId && gameId !== 'undefined', 'gameID:' + gameId) localStorage.setItem('gameId', gameId) // Sentry.setUser({ username: currentUser?.name }) window.localStorage.wmUserInfo = JSON.stringify({ userId: currentUser?.name, userTag: 'tag', projectVersion: __PROJECT_VERSION__, env: process.env.NODE_ENV === 'production' ? 'pro' : 'dev', }) } console.log('获取初始化数据', res, location.pathname) return res } // ProLayout 支持的api https://procomponents.ant.design/components/layout export const layout: RunTimeLayoutConfig = ({ initialState }) => { return { rightContentRender: () => , disableContentMargin: false, waterMarkProps: { content: initialState?.currentUser?.name, }, footerRender: () =>

🧐[最佳实践] 我的 登录鉴权 errHandler 异常处理 请求封装模板,大家可参考 #9885

Company

Community

Support

Connect

🧐[最佳实践] 我的登录鉴权 errHandler 异常处理请求封装模板,大家可参考 #9885