uni-router v0.2.0重磅发布:全链路拦截+重复导航优化

发布日期:2026-09-09

unix-router v0.2.0 发布!本次升级带来两项关键改进:uni API 拦截(opt-in) 让守卫从「仅库内生效」下沉到 uni API 层,以及重复导航判定优化。

核心更新

新增:uni API 拦截(opt-in)

新增 RouterOptions.interceptUniApi 配置(默认关闭)。启用后,绕过路由器、直接调用 uni.navigateTo / redirectTo / switchTab / reLaunch / navigateBack 的跳转也会被拦截并转入守卫链,守卫对全量导航生效。

设计要点(借鉴 uni-router 的 interceptor 插件并适配 uni-app x):

  • 调用去重:以计数器区分「路由器内部发起」与「外部调用」,避免守卫被二次执行
  • 阻止 + 转发 :外部调用解析 uni URL → 转 router.* 走完整守卫链 → 阻止原始调用
  • H5 switchTab 特判 :阻止 uni.switchTab 会导致 H5 TabBar 组件状态卡死,故放行原调用并在成功回调中同步路由状态
  • 平台版本门槛:需 Web 4.0 / 微信 4.41 / Android 3.97 / iOS 4.11 / HarmonyOS 4.61 及以上运行时
typescript 复制代码
// 开启后,业务中直接调用 uni.navigateTo('/pages/xxx') 同样会触发守卫链
const router = createRouter({ routes, interceptUniApi: true })

注意:微信小程序端 <navigator> 组件跳转与点击 tabBar(底层不触发 uni.switchTab)无法被拦截,此场景需在页面 onShow 兜底守卫。

修复:重复导航判定优化

重复导航判定从「path + query」扩展为 path + query + params + hash 全部一致才判 DUPLICATED 。此前携带不同 params 重入当前页会被误判为重复导航并报错,现已允许以新参数重入当前页刷新数据,同时仍能拦截真正无意义的重复 push。

安装方式

  • uni_modules(推荐) :import { createRouter } from '@/uni_modules/ux-router/utssdk/index.uts'
  • npm :pnpm add @meng-xi/unix-router(packages/core 为 UTS 源分发)

文档

从入门到精通 的完整文档(🟢 入门 → 🟡 进阶 → 🔴 精通)位于 packages/docs,RouterOptions 已同步 interceptUniApi 字段与平台兼容说明(中文 / 英文)。

平台兼容性

  • Web / H5、微信小程序 → 编译为 JS
  • App-Android → 编译为 Kotlin / JS
  • iOS(VDOM)→ 编译为 Swift
  • 底层仅依赖 uni.* 原生导航 API,双模式兼容 uni-app x

欢迎 Star 与反馈:GitHub · 更新日志

相关推荐
行者-全栈开发1 小时前
【前端/JS框架】CVE-2026-3854:GitHub Enterprise Server X-Stat注入XSS漏洞深度剖析与紧急修复指南
前端·javascript·github
计算机魔术师2 小时前
AMD砸82亿买下李飞飞,这次不卖芯片卖什么?
前端
hzxpaipai2 小时前
杭州企业官网怎么建设?从策划到上线的5步建站方法
运维·服务器·前端·网络
怕浪猫3 小时前
2026年金九银十,我面了22个前端
前端·javascript·面试
IT_陈寒3 小时前
Vue 这个响应式陷阱,我的头发都掉没了
前端·人工智能·后端
前端的日常3 小时前
一个人+AI做情侣食谱小程序,30天纯赚
前端·javascript·后端
qq_316837753 小时前
阿里云百炼 fun-asr-realtime uniapp vue3 调用
javascript·vue.js·uni-app
庄园特聘拆椅狂魔4 小时前
Java 后端转全栈的第一课:从前端项目搭建到技术选
java·开发语言·前端
triumph_passion4 小时前
前端路由策略:Memory、Hash 与 History
前端
李剑一4 小时前
AntDesign老版本没有月份和年份区间选择组件?我封装了一个完美版,附源码!
前端·vue.js