微信小程序：wx.navigateTo中url无法跳转问题（ap

今天在做微信小程序时，设置wx.navigateTo页面跳转并传参数，点击始终没有效果，代码如下：

<view class='container'>
  <image class="user-avatar" src='/images/avatar/1.png'></image>
  <text class='user-name'><text style='color: red'>你好</text>，七月！</text>
  <view class='moto-container'>
    <text class='moto' catchtap='viewPosts'>开启小程序之路</text>
  </view>
</view>

//事件处理函数
    viewPosts: function() {
    wx.navigateTo({
      url: '/pages/posts/posts',
    });
    console.log('bindtap')
  },

排查几遍，并无错误之错呀

查询各类文档发现问题之处在于: 若是在全局app.json中配置了tabBar，引用的链接与wx.navigateTo页面跳转url地址相同就无法实现跳转

app.json中的tabBar配置

"tabBar": {
    "borderStyle": "white",
    "list": [
      {
        "pagePath": "/pages/posts/posts",
        "text": "阅读",     
        "iconPath": "/images/tab/yuedu.png",
        "selectedIconPath": "/images/tab/yuedu_hl.png"
      },
      {
        "pagePath": "/pages/movies/movies",
        "text": "电影",
        "iconPath": "/images/tab/dianying.png",
        "selectedIconPath": "/images/tab/dianying_hl.png"
      }
    ]
  }

如上所示：在事件处理程序viewPost中wx.navigateTo的地址是'/pages/posts/posts/，与tabBar中跳转的地址"pagePath": "pages/posts/posts"相同，因此无法实现跳转

参考

微信小程序：wx.navigateTo中url无法跳转问题（app.json中配置的tabBar与wx.navigateTo中url引用相同页面导致）