微信小程序wx.navigateTo方法跳转不到url，路径有坑

Ocean Flame

于 2025-06-13 23:11:58 发布

阅读量300

点赞数 8

CC 4.0 BY-SA版权

分类专栏：微信小程序文章标签：微信小程序小程序

本文链接：https://blog.csdn.net/weixin_44004988/article/details/148643010

微信小程序专栏收录该内容

1 篇文章

订阅专栏

问题

我有一个设置功能
在这里插入图片描述
bindtap了一个方法goToSettings：

<view class="function-item" bindtap="goToSettings">
        <view class="function-icon gray">⚙️</view>
        <view class="function-name">设置</view>
        <view class="function-arrow">→</view>
      </view>

点击则会跳转到设置页，方法代码是：

 // 跳转到设置页
  goToSettings() {
    console.log("跳转到设置页")
    wx.navigateTo({
      url: 'pages/my/setting'
    })
  },

但是我死活跳不过去，我发誓在app.json里面已经定义了这个路径了
app.json

"pages": [
    "pages/search/home",
    "pages/my/my",
    "pages/my/settings"
  ],

我把wx.navigateTo改成wx.redirectTo也不行。。

解决方案

记得长个心眼，写url的时候要写全，是 /pages/my/setting 不是 pages/my/setting。后者会被认为是相对路径！由于我是在/pages/my/的某个页面下跳转的，除了写 /pages/my/setting 这个路径也可以直接写相对路径 setting

 // 跳转到设置页
  goToSettings() {
    console.log("跳转到设置页")
    wx.navigateTo({
      url: '/pages/my/setting'
      //url: 'setting'  这样也可以成功跳转
    })
  },