微信小程序之绝对路径、相对路径、返回到某个页面抛弃../../

最新推荐文章于 2025-05-20 08:07:10 发布

原创最新推荐文章于 2025-05-20 08:07:10 发布 · 5.4k 阅读

6 ·

CC 4.0 BY-SA版权

文章标签：

#图片路径 #微信小程序

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

59 篇文章

订阅专栏

本文介绍了微信小程序中如何使用绝对路径和相对路径，特别是如何避免使用.../...，直接以/images开始简化图片路径。同时，文章讨论了如何在小程序中返回到特定页面，以及在token过期时利用绝对路径实现登录页面的跳转。

1、绝对路径、相对路径

**
小程序写了好久了还停留在图片…/…/时代真是out了。。。抛弃…/…/ 直接写 /images 就OK了！

“./”：代表目前所在的路径

“…/”：代表上一层路径

“/”开头，代码根目录（绝对路径）

绝对路径可以在登录过滤中使用，token过期后跳转到登录页面

2、返回到某个页面

/**
   * 关闭到某个页面
   */
  goback(pageRoute ) {
    let index
    getCurrentPages().find((pageItem, routeIndex) => {
      if (pageItem.route == pageRoute) index = routeIndex
    })
    console.log("回退的页面为：", pageRoute, index)
    wx.navigateBack({
      delta: getCurrentPages().length - index - 1,
    })
  },