dq-sms/src/app.tsx

// @ts-nocheck
import React from 'react'
import { history, RequestConfig, type AxiosResponse, matchPath } from '@umijs/max'
import { notification } from 'antd'
import NotificationTemplate from '@/components/NotificationTemplate'
import { getTokenAuthority, setUserInfo } from '@/utils/globalCommon'
import errorCode from '@/utils/errorCode'
import { queryCurrent } from '@/services/user'
import defaultSettings from '../config/defaultSettings'
import { getAllForProMenuByUserId } from '@/services/system/api_promenu'
import { getAllForProResourceActionByUserId } from '@/services/system/api_proresourceaction'
import * as allIcons from '@ant-design/icons'
import 'dayjs/locale/zh-cn'
import dayjs from 'dayjs'
import weekday from 'dayjs/plugin/weekday'
import localeData from 'dayjs/plugin/localeData'
import customParseFormat from 'dayjs/plugin/customParseFormat'
import relativeTime from 'dayjs/plugin/relativeTime'

dayjs.locale('zh-cn')
dayjs.extend(weekday)
dayjs.extend(localeData)
dayjs.extend(customParseFormat)
dayjs.extend(relativeTime)

const loginPath = '/login'
const { REACT_APP_ENV } = process.env
let staticMapList = ['/', '/login', '/register', '/exception00', '/exception00/403', '/exception00/404', '/exception00/500', '/exception00/1403']
let tempMapList = []

//约定 src/app.tsx 为运行时配置
export async function getInitialState (type) {
    tempMapList = []
    // 如果是登录页面，不执行
    if (history.location.pathname !== loginPath || type === 'refresh') {
        try {
			history.replace({
			    pathname: "/topnavbar00/hrefficiency"
			})
			
            // if (!localStorage.getItem('antd-token-authority')) {
            //     history.replace({
            //         pathname: loginPath
            //     })

            //     localStorage.clear()
            //     throw new Error()
            // }

            // let response = await queryCurrent()

            // const { datarecord: { user: currentUser, roles } } = response
            // localStorage.setItem('antd-token-userid', currentUser.user_id ?? '')
            // localStorage.setItem('antd-token-username', currentUser.user_name ?? '')
            // localStorage.setItem('antd-token-poweruser', currentUser.poweruser ?? '')
            // localStorage.setItem('antd-pro-authority', roles ? JSON.stringify(roles) : '')
            // localStorage.setItem('antd-token-user', currentUser ? JSON.stringify(currentUser) : '')

            // setUserInfo()

            // let menuData = await getAllForProMenuByUserId({
            //     user_name: currentUser.user_name,
            //     parentid: '000000000000',
            //     systemid: '000000000000'
            // })

            // let resourceData = await getAllForProResourceActionByUserId({
            //     systemid: '000000000000'
            // })
            // localStorage.setItem('antd-pro-button', resourceData?.datarecord?.button ? JSON.stringify(resourceData?.datarecord?.button) : '')

            // const toHump = (name) => name.replace(/-(\w)/g, (all, letter) => letter.toUpperCase())

            // let tempList = []
            // let tempMap = []
            // const formatter = (data, list) => {
            //     data?.map(item => {
            //         tempMap.push((item?.redirect === '' ? null : item?.redirect) ?? item?.key)
            //         // if (item?.hideInMenu) return
            //         if (item?.alias === 'ywmk') {
            //             formatter(item?.children ?? [], tempList)
            //             return
            //         }

            //         let tempObj = {
            //             key: (item?.redirect === '' ? null : item?.redirect) ?? item?.key,
            //             label: item?.label,
            //             hideInMenu: item?.hideInMenu,
            //             children: []
            //         }

            //         if (item?.children || item?.routes) formatter(item?.children?.length > 0 ? item?.children : (item?.routes?.length > 0 ? item?.routes : []), tempObj.children)

            //         tempObj.children.length === 0 && delete tempObj.children

            //         if (item?.icon) {
            //             const { icon } = item
            //             const v4IconName = toHump(icon.replace(icon[0], icon[0].toUpperCase()))
            //             const NewIcon = allIcons[icon] || allIcons[''.concat(v4IconName, 'Outlined')]
            //             if (NewIcon) {
            //                 try {
            //                     tempObj.icon = React.createElement(NewIcon)
            //                 } catch (error) {}
            //             }
            //         }

            //         list.push(tempObj)
            //     })
            // }

            // formatter(menuData.list ?? [], tempList)
            // menuData.list = tempList
            // tempMapList = tempMap
            // window.dynamicRoute = tempList

            return {
                // currentUser,
                settings: defaultSettings,
                // menu: menuData.list,
                // menuMap: tempMap
            }
        } catch (error) {
            notification.error({
                message: '网络异常',
                description: '用户信息获取失败！'
            })

            // history.replace({
            //     pathname: loginPath
            // })
        }
    }

    return {
        currentUser: null,
        menu: null,
        settings: defaultSettings
    }
}

export function onRouteChange({ location }) {
    const locationName = location.pathname
    const menuMap = [...staticMapList, ...tempMapList]
    let foundFlag = menuMap?.some(item => !!matchPath(item, locationName))
    //本地开发注释掉下面这一行
    // !foundFlag && (window.location.href = '/exception00/404')
}

/**
 * 在控制台打印出对应的错误信息，方便定位问题
 * @param error
 */
const printErrorInfo = (error: {}) => {
    const { code, message, status, timestamp, request = {} } = error || {}
    const { url, options } = request
    const { method, headers, params, data } = options
    const paramsKeys = Object.keys(params || {})
    const tempParams = paramsKeys && paramsKeys.length ? params : data // 接口的参数有可能在 params 中也有可能在 data 里

    const errorTagStyle = [
        'color: #ff4d4f',
        'background: #fff2f0',
        'padding: 2px 6px',
        'font-size: 12px',
        'border-radius: 2px',
        'border: 1px solid #ff4d4f'
    ].join('')

    console.log('%c接口报错信息', errorTagStyle)
    console.log(`
        ------------- error-start -------------
        时间：${timestamp || new Date().toString()}
        HTTP Status：${status || 200}
        接口路径：${url}
        请求类型：${method}
        headers：${JSON.stringify(headers)}
        参数：${JSON.stringify(tempParams || {})}
        code：${code}
        message：${message}
        ------------- error-end ---------------
    `)
}

export const dva = {
    config: {
        onError(e: { preventDefault: () => void }) {
            e.preventDefault()
        }
    }
}

/**
 * 统一异常处理程序
 */
const errorHandler = (error: any) => {
    if (error && Object.keys(error).length > 0) {
        REACT_APP_ENV === 'dev' && printErrorInfo(error)
        const { status, success, message: msg } = error

        if (status === 203 || status === 401) {
            /*let duration = 4
            let interval = setInterval(function(){
                if(duration === 0) {
                    // 跳转到登录页 记录是从哪个页面跳转到登录页的，登录后直接跳转到对应的页面
                    const redirect = window.location.pathname === '/' || window.location.pathname === '/topnavbar/home' ? {} : { redirect: window.location.href }
                    history.replace({
                        pathname: loginPath,
                        search: JSON.stringify(redirect)
                    })

                    // 跳到登录页时需要将存储在本地的信息全部清除掉
                    localStorage.clear()
                    clearInterval(interval)
                } else {
                    duration--
                    notification.error({
                        key: 'notification_login',
                        message: '未登录或登录已过期，请重新登录！',
                        description: `${duration === 0 ? '即': duration + ' 秒之后'}将跳转到登录页面`
                    })
                }
            }, 1000)*/

        } else if (status <= 504 && status >= 500) {
            history.push('/exception/500') //500
        }/* else if (status === 403) {
            history.push('/exception/403') //403
        } */else if (status >= 404 && status < 422) {
            history.push('/exception/404') //404
        } else if (status === 1403) {
            history.replace({
                pathname: '/exception/1403'
            }) //未授权
        } else {
            // 获取错误信息
            let errorText = errorCode[status] || msg || errorCode['default']

            if (errorText == 'Network Error') {
                errorText = '后端接口连接异常'
            } else if (errorText.includes('timeout')) {
                errorText = '系统接口请求超时'
            } else if (errorText.includes('Request failed with status code')) {
                errorText = '系统接口请求异常'
            }

            notification.error({
                message: `请求错误 ${errorText || ''}`,
                description: <NotificationTemplate message={errorText || ''} />
            })
        }
    } else {
        notification.config({ maxCount: 1 })
        notification.error({
            description: '您的网络发生异常，无法连接服务器',
            message: '网络异常'
        })
    }

    // reject出去之后使用时才可通过.catch对异常情况进行处理
    // return Promise.reject(error)
}

/**
 * 设置 headers
 */
const getHeaders = () => {
    // 统一的headers
    return {
        Authorization: getTokenAuthority()
    }
}

/**
 * request 请求
 */
export const request: RequestConfig = {
    timeout: 20000,
    errorConfig: {
        errorHandler: errorHandler, // 默认错误处理
        // errorThrower: printErrorInfo // 默认错误抛出
    },
    adaptor: (resData: any) => {
        return {
            ...resData,
            success: true,
            errorMessage: resData.message
        }
    },
    credentials: 'include', // 默认请求是否带上cookie
    headers: getHeaders(),
    requestInterceptors: [
        (url: any, options: any) => {
            let headers = getTokenAuthority() ? getHeaders() : {}
            return {
                url: url,
                options: { ...options, headers: headers }
            }
        }
    ],
    responseInterceptors: [
        async (response: AxiosResponse<T>) => {
            const responseClone = response || {}
            if(responseClone.status === 200) {
                // 二进制数据则直接返回
                if(response.request.responseType ===  'blob' || response.request.responseType ===  'arraybuffer') {
                    return response
                }

                const data = await responseClone?.data || {}
                let { success, message: msg, status } = data

                if (!success) {
                    // msg = msg?.split('！')[0] || msg?.match(/[\u4e00-\u9fa5|\uff01|\uff0c|\u3002]/gi).join(')
                    if(status) {
                        // 注意：需要reject出去才会在请求不成功或返回错误的status时调用errorHandler
                        // data.message = msg
                        return Promise.reject(data)
                    } else {
                        // 只保留汉字 ！，。
                        // message.error(msg)
                        notification.error({
                            message: `${msg?.split('！')[0] || '请求错误'}: `,
                            description: <NotificationTemplate message={data.message || ''}/>
                        })
                    }
                }
            } else {
                return Promise.reject({
                    status: responseClone.status,
                    statusText: responseClone.statusText
                })
            }

            return response
        }
    ]
}