uni-app uni.navigateTo或者uni.redirectTo或者uni.reLaunch跳转不关闭当前页面，只修改了上一级页面

解决uni-app跳转问题：正确URL写法与常见误区
最新推荐文章于 2025-08-17 09:24:36 发布
原创 最新推荐文章于 2025-08-17 09:24:36 发布 · 3.7k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript

本文指导如何正确使用uni.navigateTo方法进行页面跳转，重点讲解了URL路径的两种常见写法：相对路径和绝对路径，并强调检查错误代码以确保导航有效。

错误代码

uni.navigateTo({
	url: 'pages/appIndex/appIndex',
})

如果跳转不生效，检查url

正确写法

uni.navigateTo({
	url: '/pages/appIndex/appIndex',
})

或者

uni.navigateTo({
	url: '../appIndex/appIndex',
})
uniapp - 解决页面跳转uni.navigateTo报错navigateTo:fail Cannot read properties of undefined (reading ‘push‘)
🏆 前端领域优质创作者
10-04 4075
uniApp页面中使用navigateTo报错Cannot read properties of undefined (reading 'push')，项目重启没用还是报错，uni-app调用navigateTo提示错误navigateTo:fail Cannot read properties of undefined (reading 'push')，无论是reLaunch、redirectTo、switchTab出现报错，hbuilderx关掉再重新运行，页面路径没有问题，移动端H5网页、微信小程序、
uniapp使用uni.reLaunch导致小程序/安卓会闪退
高桥留de博客
08-24 2250
uni.reLaunch闪退
[uniapp页面路由跳转]详细讲解uniapp中使用标签和的api完成页面跳转使用方法 代码注释
preserveXing的博客
02-16 3667
官网的文档Uniapp官网的路由讲解官网的文档Uniapp官网的navigator讲解本文详细介绍了Uniapp中页面跳转的各种标签和API的使用方法，包括a标签、navigator标签、uni.navigateTo、uni.redirectTo、uni.switchTab、uni.reLaunch、uni.navigateBack等。
uni-app页面的跳转三种方式，功能作用有什么区别？
申小兮和林小兮的博客宝
06-19 2233
uni-app页面的跳转三种方式，功能作用有什么区别？uni.reLaunch、uni.navigateTo、uni.redirectTo
uni-app混合开发中的链接跳转navigateTo、reLaunch、redirectTo、switchTab区别
i_ziyu的博客
11-18 1833
需要跳转的应用内页面路径 , 路径后可以带参数。key=value&key2=value2'，与redirectTo不同的是如果跳转的页面路径是 tabBar 页面则不能带参数。要注意的是navigateTo只能跳转的应用内非 tabBar 的页面的路径 , 路径后可以带参数；保留当前页面，跳转到应用内的某个页面，使用uni.navigateBack可以返回到原页面。需要跳转的应用内非 tabBar 的页面的路径，路径后可以带参数。需要跳转的 tabBar 页面的路径，路径后不能带参数。
uniapp 常用的路由跳转的几种方式（navigateTo、redirectTo...）
huangfuyk.的博客
05-26 3万+
1. uni.navigateTo 保留当前页面，跳转到应用内的某个页面，使用uni.navigateBack可以返回到原页面。 示例代码如下： uni.navigateTo({ url:'./home/index' }); 注意： 页面跳转路径有层级限制，不能无限制跳转新页面 跳转到 tabBar 页面只能使用 switchTab 跳转 路由API的目标页面必须是在pages.json里注册的vue页面。如果想打开web url，具体可参考【uniapp官方-路由与页面跳转】 2. uni.n
【uni-app】解决使用uni.redirectTo关闭当前页面跳转时的屏闪问题
2301_79910265的博客
07-04 1182
使用uni.redirectTo关闭当前页面跳转时产生屏闪问题的解决方案
解决uni.navigateTo无法跳转问题，使用uni.reLaunch清理页面栈堆积过多导致无法跳转的问题
陈钇钇的博客
11-14 5872
问题起因开发了一个洗鞋小程序的上架段，里面有代客户下单功能，发现代客下单2次后， 无法再点击跳转下单页面结果输出的是跳转成功， 就很奇怪，再排查后 发现调整的页面层次太多。在小程序开发中，页面栈堆积过多导致无法跳转新页面通常是因为小程序页面栈的限制。小程序的页面栈有一定的深度限制，当超过这个限制时，会出现类似的问题。确保在不需要的时候关闭页面，及时释放页面资源。尽量避免将不必要的页面推入栈中，以减少栈的深度。如果你的业务场景允许，可以考虑使用或替代。
uni-app 经验分享，从入门到离职（四）——页面栈以及页面跳转的 API（开发经验总结）
热门推荐
黛琳ghz的博客，期待你的关注。
02-21 3万+
这篇文章是本专栏 uni-app 的项目实战篇，主要内容的是页面栈以及页面跳转的 API，页面栈是 uni-app 中一个重要的概念，它用于管理应用程序中的页面层级关系。接下来讲一下如何利用页面栈来实现页面之间的切换和导航，以及如何使用 uni-app 提供的 API 来进行页面跳转等等知识点。
uni-app的六种路由页面跳转方式
我驾驶汽车从不是为了从A点到达B点，我喜欢去感受汽车，与之交流，与之融为一体。
01-31 1万+
uni.navigateTo({url: "/路径?参数=参数值"}); uni.redirectTo({url: "/路径?参数=参数值"}); uni.reLaunch({url: "/路径?参数=参数值"}); uni.switchTab({url: "/路径?参数=参数值"}); uni.navigateBack({delta: 2}); uni.preloadPage({url: "/路径?参数=参数值"}); uni.navigateTo(OBJECT) 保留当前页面，跳转到应用内的某个页.
uni-app学习--基础组件使用、页面生命周期、本地存储、网络请求、条件编译、路由跳转
ChenLingZhi1115的博客
06-05 1705
uni-app提供了丰富的基础组件给开发者，开发者可以像搭建积木一样，组合各种组件拼接成自己的应用 uni-app中的组件，就像html中的div,p,span等标签的作用一样，用于搭建页面的基础结构 https://uniapp.dcloud.net.cn/component•text组件相当于行内标签，在同一行显示(相当于span标签) •除了文本节点以外的其他节点都无法长按选中 • 组件内只支持嵌套 ，不支持其它组件或自定义组件，否则会引发在不同平台的渲染差异。但text嵌套text在小程序中布局是有
uni-app——uniapp 跳转到其它页面后，关闭当前页面
qq_43201350的博客
04-05 2414
uni-app——uniapp 跳转到其它页面后，关闭当前页面
uniapp调用上一页的方法，并返回到上一页
weixin_55639808的博客
09-12 1917
3.let beforePage=pages[pages.length-2],将上一页赋值给beforePage。2.pages[pages.length-1]，为当前页。pages[pages.length-2]为上一页。// 执行上一页的onLoad方法。
深入理解 uni-app 页面导航：switchTab、navigateTo、redirectTo、reLaunch 与 navigateBack
最新发布
jingling555的博客
08-17 2371
Uni-App页面导航API使用指南：介绍了uni-app五大导航API的功能差异和应用场景。1. switchTab专用于跳转tabBar页面并清除非tabBar页面；2. navigateTo保留当前页打开新页面，适合层级跳转；3. redirectTo替换当前页，防止返回；4. reLaunch清空所有页重启应用；5. navigateBack实现返回功能。文章通过对比栈行为、返回机制和典型场景，帮助开发者根据业务需求选择合适的导航方式，确保应用导航逻辑清晰合理。
uni-app 路由跳转方式
猫老板的豆
05-15 3582
uni-app页面路由为框架统一管理，开发者需要在pages.json里配置每个路由页面的路径及页面样式。需要跳转的 tabBar 页面的路径（需在 pages.json 的 tabBar 字段定义的页面），路径后不能带参数。，path为下一个页面的路径，下一个页面的onLoad函数可得到传递的参数。需要跳转的应用内非 tabBar 的页面的路径 , 路径后可以带参数。需要跳转的应用内非 tabBar 的页面的路径 , 路径后可以带参数。，如果跳转的页面路径是 tabBar 页面则不能带参数。
uniapp遇到的问题：uni.navigateTo跳转路径的问题
weixin_47649779的博客
07-06 1927
【代码】uniapp遇到的问题：uni.navigateTo跳转路径的问题。
uniapp 跳转页面
qq_33240556的博客
07-24 502
在uniapp中，跳转页面主要通过uni.navigateTo()、uni.redirectTo()、uni.switchTab()和uni.reLaunch()这几个方法来实现，具体使用哪个方法取决于你的需求。参数是正确的页面路径。路径可以是绝对路径也可以是相对路径，如果是相对路径，记得以。根据你的具体需求选择合适的方法进行页面跳转。另外，uniapp还支持传递参数，可以通过。在使用这些方法时，需要确保传入的。开头来表示项目根目录。在目标页面中，可以通过。
uniapp-跳转之uni.navigateBack和uni.navigateTo
weixin_43963309的博客
08-31 1741
问题： 当我一直用uni.navigateTo做跳转页面时，使用（uni.setStorageSync）缓存数据之后，再跳转后的a页面中的数组list的值 一直被覆盖 let str = uni.getStorageSync('newMember') if(str) { this.list.push(str) // list 始终为str一个值 } 经 uni.navigateTo 跳转的页面再次返回的该页面时 相当于每次都是一个新页面（类似A-B
uni跳转失败？uni.navigateTo、uni.redirectTo、uni.reLaunch跳转失效？
2401_82752568的博客
03-24 1057
假如你现在正在跳转到在page.json中tabbar中定义的页面，只能用uni.switchTab！
uni-app路由管理详解：实现跨平台页面流畅导航
因此，uni-app 设计了一套统一的、抽象化的路由管理机制，通过封装各平台的原生跳转能力，提供一致的 JavaScript 接口供开发者调用，如 `uni.navigateTo()`、`uni.redirectTo()`、`uni.reLaunch()`、`uni.switchTab...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值