小程序开发中的页面跳转与路由栈：6 项配置与验收清单

小程序有几种跳转方式：按页面类型选，不要一律用 navigateTo

结论：wx.navigateTo 保留当前页入栈，适合进详情页；wx.redirectTo 关闭当前页，适合登录后跳转；wx.switchTab 只用于 tabBar 页面；wx.reLaunch 清空栈重开，适合切换身份。

• tabBar 页面之间不能用 navigateTo，调用会直接报错。
• 页面栈深度一般控制在 10 层以内，以微信官方最新公告为准。
• 表单提交后的跳转用 redirectTo 或 navigateBack，避免重复提交。

页面栈为什么会失控：返回路径在设计阶段没定好

结论：多数"点了返回退不回首页"的情况，是因为跳转链路里混用了 navigateTo 与 redirectTo，栈里堆了重复的中间页。

1. 先画跳转链路图：首页 → 列表 → 详情 → 下单 → 结果。
2. 结果页用 redirectTo 替掉中间的详情与下单页。
3. 支付完成后 reLaunch 到订单列表，不让用户退回支付页。

参数怎么传：简单值走 URL，复杂对象走缓存

结论：跳转参数建议只传 id 这类简单值，复杂对象放全局状态或本地缓存，URL 长度本身有限制。

• 中文或特殊字符要用 encodeURIComponent 处理。
• 接收页在 onLoad(options) 里取值，并做空值兜底。
• 金额、库存的最终值以后端接口为准，前端参数只当线索。

返回刷新怎么做：用页面通信，不要无条件重拉

结论：从详情页返回列表页时，通常用 getCurrentPages() 拿到上一页实例直接改数据，或用全局事件通知刷新。

• 不要在 onShow 里无条件重新拉列表，容易造成重复请求。
• 需要强一致的数据（如库存）才走接口重拉。
• 列表分页状态要保留，避免返回后跳回第一页。

登录态与跳转怎么配合：先拦截再放行

结论：需要登录的页面在 onLoad 里判断登录态，未登录时跳授权页，登录成功后带回原目标页。

1. 记录来源路径与目标参数。
2. 登录成功后用 redirectTo 回到目标页。
3. token 过期走统一拦截，不要每个页面各写一套。

上线前怎么验收：照这 6 个动作走一遍

结论：路由相关的缺陷多数在真机与较旧的基础库上才暴露，上线前要跑一遍完整路径。

• 从首页连续进入 5 个详情页，再逐层返回，看是否卡住。
• 在 tabBar 页与子页之间来回切换，检查数据是否串页。
• 断网或弱网下点击跳转，看是否有兜底提示。
• 安卓物理返回键与左上角返回键行为是否一致。
• 分享进入的落地页是否补齐了返回首页入口。
• 用较旧版本的基础库跑一遍，具体兼容范围以微信官方最新公告为准。

小程序开发里的路由设计看起来细，却直接影响留存与转化。玉晗网络（安徽安庆）为中小企业提供微信小程序开发，同时也做网站建设、SEO优化、GEO优化与服务器运维托管。如果你正在排查小程序跳转异常，可以把复现路径告诉我们，我们按上面 6 项逐条核对。