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

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

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

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

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

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

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

相关推荐
FungLeo2 天前
成为全栈·Next.js 网站前台篇·数据获取与缓存:60 秒再验证背后到底发生了什么
react·isr·next.js·成为全栈·react cache·opennext
liangshanbo12158 天前
React 性能瓶颈定位面试题——原理深挖版
react·performance·profiler
liangshanbo12158 天前
React 性能优化实战
性能优化·react
FungLeo8 天前
成为全栈·React 管理后台篇·按钮级权限:能力映射、菜单过滤与自锁保护
react·rbac·路由守卫·权限控制·前端权限·成为全栈
FungLeo8 天前
成为全栈·React 管理后台篇·评论审核工作流:把状态下拉改成可理解的动作
react·内容安全·状态机·交互设计·成为全栈·评论审核
liangshanbo12159 天前
React 状态持久化面试题——原理深挖版
react·状态持久化
liangshanbo12159 天前
Redux 的中间件(Middleware)的工作机制
中间件·react·redux
FungLeo9 天前
成为全栈·React 管理后台篇·Markdown 编辑器:预览、暗色主题与连续图片粘贴
图片上传·react·响应式设计·markdown编辑器·异步编程·成为全栈
FungLeo10 天前
成为全栈·React 管理后台篇·表单页范式:校验、数据回填与未保存保护
react·表单设计·zod·react hook form·成为全栈·数据回填
名字还没想好☜10 天前
React 文件上传实战:预览 URL 回收、多文件逐个进度与拖拽放置区踩坑
前端·react·next.js