uniapp 分包页面跳转

uniApp是一个基于Vue.js的跨平台应用开发框架，它支持分包技术来优化大型项目的加载速度。分包页是指将项目拆分成多个小的静态资源文件，每个文件包含一部分功能模块。当你需要从非主包页面跳转到另一个分包页面时，可以按照以下步骤操作：

1. **配置分包路径**：在`pages.json`配置文件中，明确每个分包页面的入口路径，并指定其作为独立的分包。

{
  "pages": [
    {
      "path": "pages/index/index",
      "meta": { "isSplitPage": true }
    },
    // 其他页面...
  ],
  "window": {
    "navigationBarTitleText": "uniApp",
    "navigationBarTextStyle": "black"
  }
}

2. **使用动态路由**：在组件内部，通过`navigator` API 调用`jumpTo`方法，传入完整的分包路径，例如`this.$navigator.jumpTo('pages/subPackage/index')`。

3. **确保网络请求**：对于首次加载分包的页面，可能需要确保在跳转前完成数据加载，因为分包是在运行时动态加载的。

onLoad() {
  this.getData().then(() => {
    this.$navigator.jumpTo('pages/subPackage/index')
  })
}

async getData() {
  const res = await axios.get('/api/data')
  // 处理获取的数据
}