umi项目运行时配置,app.ts

运行时配置和配置的区别是他跑在浏览器端,基于此,我们可以在这里写函数、tsx、import 浏览器端依赖等等,注意不要引入 node 依赖。

getInitialState 用于获取初始化数据,初始化数据使用 useModel 在各个组件中使用,在请求中 getInitialState 会堵塞页面加载。

request 用于配置全局的网络请求,你可以在这里做拦截器,全局错误处理,鉴权的配置。

我们把src下面的app.ts文件定为运行时候的配置。

举一个例子,在运行时候的配置,

const layout 就是关于页面layout的布局,关于layout的具体属性配置可以查询umi官网的umiMax。

相关推荐
彩旗工作室1 天前
Clerk 完全指南:现代 Web 应用的用户认证革命
react·next·用户认证·clerk
全栈前端老曹2 天前
【前端权限】 权限变更热更新
前端·javascript·vue·react·ui框架·权限系统·前端权限
Dragon Wu2 天前
TanStack Query(React Query) 使用总结
前端·react.js·前端框架·react
Hao_Harrision4 天前
50天50个小项目 (React19 + Tailwindcss V4) ✨| RandomChoicePicker(标签生成)
前端·typescript·react·vite7·tailwildcss
Hao_Harrision4 天前
50天50个小项目 (React19 + Tailwindcss V4) ✨| FAQ Collapse(问题解答折叠面板)
前端·typescript·react·vite7·tailwildcss
前端不太难6 天前
RN 版本升级、第三方库兼容、Android/iOS 崩溃(实战博文 — 从 0.63 升到 0.72)
android·ios·react
前端无涯7 天前
TypeScript 完整学习指南:从基础到工程化实践
typescript·vue·react
至善迎风8 天前
React2Shell(CVE-2025-55182)漏洞服务器排查完整指南
网络安全·react·数据安全·漏洞·next·rsc·cve-2025-55182
打小就很皮...8 天前
前端 Word 导出:自定义页眉表格的实现方案
前端·word·react·页眉设置
相逢一笑与君行9 天前
css使用grid布局实现网格(表格),动态调整行高,列宽,整体缩放,插入行,列,删除行,列
前端·css·react