【Umi】项目初始化配置和用户权限

app.tsx

import { RunTimeLayoutConfig } from '@umijs/max';
import { history, RequestConfig } from 'umi';
import { getCurrentUser } from './services/auth';
import { message } from 'antd';// 获取用户信息
export async function getInitialState(): Promise<{currentUser?: API.CurrentUser;fetchUserInfo?: () => Promise<API.CurrentUser | undefined>;
}> {const fetchUserInfo = async () => {try {const token = localStorage.getItem('token');if (!token) {return undefined;}const currentUser = await getCurrentUser();return currentUser;} catch (error) {history.push('/login');return undefined;}};// 如果不是登录页面,执行const { location } = history;if (location.pathname !== '/login' && location.pathname !== '/register') {const currentUser = await fetchUserInfo();return {currentUser,fetchUserInfo,};}return {fetchUserInfo,};
}// 布局配置
export const layout: RunTimeLayoutConfig = ({ initialState }) => {return {logo: 'https://img.ixintu.com/download/jpg/20200909/a27a8cb1fb9d6dbaf2bbaff07b6e4800_512_512.jpg!bg',menu: {locale: false,},rightContentRender: () => <div></div>,avatarProps: {src: 'https://gw.alipayobjects.com/zos/antfincdn/XAosXuNZyF/BiazfanxmamNRoxxVxka.png',title: initialState?.currentUser?.name || initialState?.currentUser?.username,render: (_, avatarChildren) => {return <div>{avatarChildren}</div>;},},footerRender: () => <div style={{ textAlign: 'center', padding: '20px' }}>霹雳舞比赛管理系统 ©2025</div>,};
};// 请求配置
export const request: RequestConfig = {timeout: 10000,errorConfig: {adaptor: (resData: any) => {return {...resData,success: resData.success,errorMessage: resData.message,};},},requestInterceptors: [(config: any) => {const token = localStorage.getItem('token');if (token) {config.headers['Authorization'] = `Bearer ${token}`;}return config;},],responseInterceptors: [(response) => {return response;},],
};

access.ts

export default function access(initialState: { currentUser?: API.CurrentUser }) {const { currentUser } = initialState || {};return {isAdmin: currentUser && currentUser.role === 'admin',isJudge: currentUser && currentUser.role === 'judge',isCompetitor: currentUser && currentUser.role === 'competitor',isStaff: currentUser && currentUser.role === 'staff',};
} 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.pswp.cn/news/905890.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

[学习] RTKLib详解:qzslex.c、rcvraw.c与solution.c

RTKLib详解&#xff1a;qzslex.c、rcvraw.c与solution.c 本文是 RTKLlib详解 系列文章的一篇&#xff0c;目前该系列文章还在持续总结写作中&#xff0c;以发表的如下&#xff0c;有兴趣的可以翻阅。 [学习] RTKlib详解&#xff1a;功能、工具与源码结构解析 [学习]RTKLib详解…

移植RTOS,发现任务栈溢出怎么办?

目录 1、硬件检测方法 2、软件检测方法 3、预防堆栈溢出 4、处理堆栈溢出 在嵌入式系统中&#xff0c;RTOS通过管理多个任务来满足严格的时序要求。任务堆栈管理是RTOS开发中的关键环节&#xff0c;尤其是在将RTOS移植到新硬件平台时。堆栈溢出是嵌入式开发中常见的错误&am…

window 显示驱动开发-使用有保证的协定 DMA 缓冲区模型

Windows Vista 的显示驱动程序模型保证呈现设备的 DMA 缓冲区和修补程序位置列表的大小。 修补程序位置列表包含 DMA 缓冲区中命令引用的资源的物理内存地址。 在有保证的协定模式下&#xff0c;用户模式显示驱动程序知道 DMA 缓冲区和修补程序位置列表的确切大小&#xff0c;…

SD-HOST Controller design-----SD CLK 设计

hclk的分频电路&#xff0c;得到的分频时钟作为sd卡时钟。 该模块最终输出两个时钟&#xff1a;一个为fifo_sd_clk,另一个为out_sd_clk_dft。当不分频时&#xff0c;fifo_sd_clk等于hclk&#xff1b;当分频时候&#xff0c;div_counter开始计数&#xff0c;记到相应分频的时候…

完全背包问题中「排列数」与「组合数」的核心区别

&#x1f3af; 一句话理解 求组合数&#xff08;不计顺序&#xff09; → 外层遍历物品&#xff0c;内层遍历背包容量 求排列数&#xff08;计顺序&#xff09; → 外层遍历背包容量&#xff0c;内层遍历物品 &#x1f3b2; 举例说明 假设有硬币 [1, 2, 3]&#xff0c;目标金…

NHANES指标推荐:MDS

文章题目&#xff1a;The association between magnesium depletion score (MDS) and overactive bladder (OAB) among the U.S. population DOI&#xff1a;10.1186/s41043-025-00846-x 中文标题&#xff1a;美国人群镁耗竭评分 &#xff08;MDS&#xff09; 与膀胱过度活动症…

C++:字符串操作函数

strcpy() 功能&#xff1a;把一个字符串复制到另一个字符串。 #include <iostream> #include <cstring> using namespace std;int main() {char src[] "Hello";char dest[10];strcpy(dest, src);cout << "Copied string: " << …

1基·2台·3空间·6主体——蓝象智联解码可信数据空间的“数智密码”

近日&#xff0c;由全国数据标准化技术委员会编制的《可信数据空间 技术架构》技术文件正式发布&#xff0c;标志着我国数据要素流通体系向标准化、规范化迈出关键一步。该文件从技术功能、业务流程、安全要求三大维度对可信数据空间进行系统性规范&#xff0c;为地方、行业及企…

基于TI AM6442+FPGA解决方案,支持6网口,4路CAN,8个串口

TI AM6442FPGA解决方案具有以下技术优势及适用领域&#xff1a; 一、技术优势 ‌异构多核架构‌&#xff1a;AM6442处理器集成7个内核&#xff08;2xCortex-A534xCortex-R5F1xCortex-M4F&#xff09;&#xff0c;可实现应用处理、实时控制和独立任务分核协同&#xff0c;满足…

android vlc播放rtsp

最近在做IOT开发&#xff0c;需要把IOT设备的RTSP流在手机端播放&#xff0c;VLC是个不错的选择&#xff0c;使用起来简单方便。 1、在AndroidManifest.xml 中添加网络权限 <uses-permission android:name"android.permission.INTERNET"/> <uses-permissi…

前端面经 9 JS中的继承

借用Class实现继承 实现继承 extends super extends 继承父类 super调用父类的构造函数 子类中存在方法采取就近原则 &#xff0c;子类构造函数需要使用super()调用父类的构造函数 JS 静态属性和私有属性 寄生组合式继承

jQuery知识框架

一、jQuery 基础 核心概念 $ 或 jQuery&#xff1a;全局函数&#xff0c;用于选择元素或创建DOM对象。 链式调用&#xff1a;多数方法返回jQuery对象&#xff0c;支持连续操作。 文档就绪事件&#xff1a; $(document).ready(function() { /* 代码 */ }); // 简写 $(function…

【HCIA】BFD

前言 前面我们介绍了浮动路由以及出口路由器的默认路由配置&#xff0c;可如此配置会存在隐患&#xff0c;就是出口路由器直连的网络设备并不是运营商的路由器&#xff0c;而是交换机。此时我们就需要感知路由器的存活状态&#xff0c;这就需要用到 BFD&#xff08;Bidirectio…

前端流行框架Vue3教程:18. _组件数据传递

透传 Attributes 透传attribute指的是传递给一个组件&#xff0c;却没有被该组件声明为props或emits的attribute或者v-on事件监听器。最常见的例子就是class、style和id 当一个组件以单个元素为根作渲染时&#xff0c;透传的attribute会自动被添加到根元素上 透传 Attributes …

卓力达电铸镍网:精密制造与跨领域应用的创新典范

目录 引言 一、电铸镍网的技术原理与核心特性 二、电铸镍网的跨领域应用 三、南通卓力达电铸镍网的核心优势 四、未来技术展望 引言 电铸镍网作为一种兼具高精度与高性能的金属网状材料&#xff0c;通过电化学沉积工艺实现复杂结构的精密成型&#xff0c;已成为航空航天、电…

1.2.3.2 数据安全发展历程-大数据安全产品领域

从电商到物流&#xff1a;中国大数据安全产品如何进化&#xff1f; 在数字化时代&#xff0c;我们的一举一动都可能被记录——购物记录、聊天信息、位置轨迹……这些数据不仅关系到个人隐私&#xff0c;更涉及企业运营和国家安全的命脉。近年来&#xff0c;随着数据的爆发式增长…

服务器性能参数分析基础:磁盘-CPU-内存

在Linux系统中&#xff0c;"挂载"&#xff08;Mount&#xff09;是指将物理存储设备&#xff08;如磁盘分区&#xff09;或逻辑存储卷&#xff08;如LVM、网络存储&#xff09;关联到文件系统目录树的特定路径节点&#xff08;即挂载点&#xff09;&#xff0c;使得该…

密码学刷题小记录

base 64 打开后发现是一串字符串&#xff0c;&#xff0c;我们直接进行base64解密即可 Caesar 根据标题分析&#xff0c;我们知道这是凯撒解密&#xff0c;拖进去经过尝试在偏移量为12时直接得解&#xff08;这道题就是找偏移量比较麻烦&#xff09; Morse 这道题打开后&am…

Spring框架(三)

目录 一、JDBC模板技术概述 1.1 什么是JDBC模板 二、JdbcTemplate使用实战 2.1 基础使用&#xff08;手动创建对象&#xff09; 2.2 使用Spring管理模板类 2.3 使用开源连接池&#xff08;Druid&#xff09; 三、模拟转账开发 3.1 基础实现 3.1.1 Service层 3.1.2 Da…

[计算机网络]网络层

文章目录 408考研大纲IPV4数据报格式协议: IPv4 地址DHCP协议IP组播 408考研大纲 IPV4数据报格式 协议: 1:ICMP 6:TCP 17:UDP IPv4 地址 特殊IP 网络号全1又称直接广播地址&#xff0c;32位全1又称受限广播地址 因为255.255.255.255只能在本网络内广播&#xff0c;路由器不…