uni-app 无法跳转页面

缘起于心

因为一段时间没用 uni-app，在今天添加的页面跳转时没有效果，pages.json 文件也注册了形式和以前一致，后面才发现是跳转路径的问题。

// pages.json
{
  "pages": [
    // ...
    {
      "path": "pages/about/about",
      "style": {
        "navigationBarTitleText": "关于",
        "enablePullDownRefresh": false
      }
    },
    // ...
  ]
}

pages.json 文件内容是没有问题的，跳转路径存在问题：

// 错误的写法
uni.navigateTo({
  url: 'pages/about/about'
})

// 正确的写法
uni.navigateTo({
  url: '/pages/about/about'
})

我最初理解为因为页面已经在 pages.json 里注册，所以跳转路径就是 pages.json 中页面路径，现在看来跳转路径是具体的页面路径，路径刚开始添加 /是表示项目的根路径（我的页面放置目录 [program]/pages/about/about.vue）。

来源：https://www.cnblogs.com/haveadate/p/14646746.html