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

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

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

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

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

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

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

相关推荐
OEC小胖胖6 小时前
09|DOM Renderer 的 Host 层:从 Fiber 到真实 DOM 的落地
前端·前端框架·react·开源库
kk晏然20 小时前
TypeScript 错误类型检查,前端ts错误指南
前端·react native·typescript·react
OEC小胖胖1 天前
08|Commit 阶段:副作用如何被组织、执行与约束
前端·react.js·前端框架·react·开源库
Hao_Harrision3 天前
50天50个小项目 (React19 + Tailwindcss V4) ✨| RangeSlider(范围滑块组件)
前端·typescript·react·tailwindcss·vite7
wx_lidysun3 天前
Nextjs学习笔记
前端·react·next
Hao_Harrision5 天前
50天50个小项目 (React19 + Tailwindcss V4) ✨| ThreeDBackgroundBoxes(3D背景盒子组件)
前端·3d·typescript·react·tailwindcss·vite7
AI架构师易筋6 天前
ReAct(react_agent)从入门到严谨:并以 AIOps 离线 PoC 为例给出可落地方案
人工智能·react
OEC小胖胖7 天前
05|从 `SuspenseException` 到 `retryTimedOutBoundary`:Suspense 的 Ping 与 Retry 机制
前端·前端框架·react·开源库
Hao_Harrision11 天前
50天50个小项目 (React19 + Tailwindcss V4) ✨| AnimatedCountdown(倒计时组件)
前端·typescript·react·tailwindcss·vite7
醉逍遥neo13 天前
react项目热更新问题
前端·react·热更新·umi·umi max