小程序路由（返回上一级页面）

项目场景：

小程序路由跳转问题

项目场景：点击分享链接，跳转至详情页；跳转详情页时需要判断当前用户有没有登录；没有登录跳转至登录页，登录后回到详情页（返回上一级页面）

---

问题描述

登录后不能返回详情页

之前跳转至登录页的代码，因为接触小程序项目不久，也没有第一时间去看文档。所以也没感觉这代码有啥问题。

// 判断当前用户是否登录
if(res.data.code==-20999||res.data.message=="accessToken已经过期！"){
  wx.redirectTo({
   url: '/pages/login'  //跳转至登录页
  })
  return
}

// 登录后跳转
wx.navigateBack({
  delta: 1
})

---

原因分析：

跳转登录页时不应该使用wx.redirectTo，wx.redirectTo会关闭当前页面，后面调用wx.navigateBack不能返回到原页面。

---

解决方案：

把wx.redirectTo换成wx.navigateTo；wx.navigateTo会保留当前页面，跳转到应用内的某个页面，使用 wx.navigateBack 可以返回到原页面。

// 判断当前用户是否登录
if(res.data.code==-20999||res.data.message=="accessToken已经过期！"){
  wx.navigateTo({  //保留当前页
   url: '/pages/login'  //跳转至登录页
  })
  return
}

小程序路由：

在 js中使用

wx.switchTab: 跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面;
wx.reLaunch: 关闭所有页面，打开到应用内的某个页面;
wx.redirectTo: 关闭当前页面，跳转到应用内的某个页面。但是不允许跳转到 tabbar 页面;
wx.navigateTo: 保留当前页面，跳转到应用内的某个页面。但是不能跳到 tabbar 页面。使用 wx.navigateBack 可以返回到原页面。小程序中页面栈最多十层;
wx.navigateBack: 关闭当前页面，返回上一页面或多级页面。可通过 getCurrentPages 获取当前的页面栈，决定需要返回几层。
具体可参考：微信官方文档-API-路由

在wxml中使用

functional-page-navigator: 仅在插件中有效，用于跳转到插件功能页;
navigator: 页面链接。open-type属于对应js里面的路由。
具体可参考：微信官方文档-组件-导航