我先从“进入系统”这条链路下手优化:看起来现在是先等接口和用户信息都完成,再跳转路由,所以会明显慢。我会把不影响跳转的请求改成后台异步,先让页面尽快进去。
这个替换成
已经做了一版“直接提速”的优化,核心是把不影响跳转的请求从主链路里拿掉。
我改了src/views/BaseSelection/BaseSelection.vue的进入流程:
- 之前:
apiSelectFarm -> await getUserInfoApi -> router.push/replace - 现在:
apiSelectFarm -> 立即 router.push/replace,getUserInfoApi放后台异步更新
具体改动点:
- 新增
syncUnreadCountInBackground(),专门异步更新未读数 navigateToSystem()里不再await getUserInfoApi- 选择基地成功后立刻执行路由跳转,减少“正在进入系统...”停留时间
- 保留原有错误提示和 loading 遮罩逻辑
这样用户体感会明显快一截,尤其网络稍慢时最明显。