uni-app 用 Vue3 做路由守卫，和 vue-router 不同——它跑在多端、没有浏览器 history，守卫要落在自己的路由 API 上。本文用未登录跳转登录页这场景，讲清跳转发起处拦截、onLoad 拦截、全局 addInterceptor 三种方式的配置与取舍，并给出可直接运行的代码。读完你能选出适合体量的落点组合，避免重定向死循环、拦截不生效这类典型坑。

用 uni-app 开发时，页面跳转常因用错 API 导致返回不了、页面栈爆了或参数传不到。本文讲清 navigateTo 压栈、redirectTo 关闭当前页、reLaunch 清空栈的区别，并给出页面栈 10 层上限、URL 编码与返回刷新的注意事项。照着做就能一次用对跳转。

uni-app 多端适配时该用 rpx 还是 rem，取决于项目是否只发 H5。本文讲清 rpx、px、rem 三套单位的换算基准与适用边界，给出 H5 上 rem 的插件配置与根字号写法，并列出单位混用、第三方组件被缩放、1px 边框丢失三类失败的排查动作。

本文深入解析原生应用、Web应用及混合应用的特性与开发优势，提供技术对比、选型指南及现代开发技术栈推荐，助您高效构建跨平台应用。

随着技术的不断发展，使用最新版本的Vue3语法在HBuilderX中进行Uniapp开发已经成为了一种趋势。在这篇文章中，我们将为您详细介绍如何使用HBuilderX和Vue3来提高您的Uniapp开发效率。