地图第一次进来慢的问题二

页面进来会很慢

分析选择基地后的跳转与首屏加载流程，定位导致变慢的原因。

判定瓶颈：apiSelectFarm 与首跳目标页的懒加载 chunk 串行；enteringSystem 在 finally 才关闭，若 then 中有 await 会延长遮罩。将并行预取目标页组件、在接口成功后立即关闭遮罩，并不再 await 路由完成。

原因（简要）

1. apiSelectFarm 网络耗时：必须等接口成功才能进业务页，这段时间不可避免。
2. 首屏懒加载：默认跳进 /device-management/uav-management，对应 index.vue 是大 chunk，往往在接口返回之后才开始下载、解析，和接口串在一起体感就特别慢。
3. 全屏「正在进入系统」遮罩：原先在 finally 里才关遮罩；若路由解析/组件加载偏慢，会感觉整页被挡很久（即便部分阶段主要是下载 JS）。

已做优化（BaseSelection.vue）

1. prefetchDefaultSystemEntry()

   • 进入基地选择页后，用 requestIdleCallback（无则用 setTimeout） 在空闲时预拉默认落地页的 chunk。
   • 点「进入」时再调一次，与 apiSelectFarm 并行，尽量在等接口时就把 JS 拉完。

2. 遮罩提前关

   • 接口 code === 200 后立刻 enteringSystem = false，再 router.push/replace。
   • 路由和子组件仍在后台加载，但不再用全屏骨架挡住操作；finally 里仍会关一次，保证失败路径也会关掉遮罩。

若仍慢，多半是 apiSelectFarm 本身慢 或 redirect 去别的路径（当前预取的是无人机管理页）。需要的话可以再针对 redirect 做路径→预取映射，或让后端压缩该接口耗时。

总结成一句话

「可以了」的原因：用 import() 预取 把最重的 JS 下载 和 apiSelectFarm 叠在一起跑，并把 全屏遮罩 在发起路由前就关掉，避免把「等 chunk」也算进「系统正在进入」的主观等待里。

这不是让接口变快，而是 少排队、少被遮罩放大等待感，所以体感会明显好一截。