uni-app 路由规则文档有误

发布于 1周前 作者 itying888 来自 Uni-App

uni-app 路由规则文档有误

操作步骤：

  • 文档有误

预期结果：

  • 修改文档

实际结果：

  • 下面那个应为A域名

bug描述：

B域名是uniCloud的云函数/云对象
也就是业务后台也在uniCloud的云函数或云对象上。此时需要在uniCloud的web控制台的跨域配置中，把A域名填写在Web安全域名中。

B域名是开发者自己的传统服务器
需要在开发者自己的传统服务器上配置跨域，允许A域名跨域访问自己。

怎么都是B域名？

img


Harmonyos Next教程
3 回复

文档描述没有问题呀。部署页面到前端网页托管，你的后端服务可能是云函数也可能是传统服务器。B域名指的就是你的后端服务。


这里不好理解，你的意思是有两种情况，如果B域名是,然后怎么处理，列举了两种情况

针对您提到的 uni-app 路由规则文档有误的问题，我理解这可能涉及对路由配置的理解偏差或者文档描述不清导致的误解。为了帮助您更准确地理解和应用 uni-app 的路由规则，我将提供一个基本的路由配置示例，并附上相关的代码片段，以便您对照检查或参考。

uni-app 路由配置基础示例

在 uni-app 中，路由通常是通过 pages.json 文件进行配置的。以下是一个简单的示例，展示了如何配置单页面应用（SPA）中的几个页面及其路由规则。

pages.json 示例

{
  "pages": [
    {
      "path": "pages/index/index",
      "style": {
        "navigationBarTitleText": "首页"
      }
    },
    {
      "path": "pages/about/about",
      "style": {
        "navigationBarTitleText": "关于我们"
      }
    },
    {
      "path": "pages/detail/:id", // 动态路由
      "style": {
        "navigationBarTitleText": "详情"
      },
      "script": "pages/detail/detail.js" // 可选，指定页面脚本文件
    }
  ],
  "tabBar": { // 如果需要底部标签栏导航
    "list": [
      {
        "pagePath": "pages/index/index",
        "text": "首页"
      },
      {
        "pagePath": "pages/about/about",
        "text": "关于"
      }
    ]
  }
}

导航到页面

在 uni-app 中，可以使用 uni.navigateTo、uni.redirectTo、uni.switchTab 等API进行页面跳转。以下是一个使用 uni.navigateTo 跳转到详情页的示例：

// 假设在某个事件处理函数中
uni.navigateTo({
  url: `/pages/detail/detail?id=${item.id}` // 如果使用动态路由，也可以直接传递参数
  // 或者对于动态路由路径参数
  // url: `/pages/detail/${item.id}`
});

接收页面参数

在详情页（detail.vue）中，可以通过 this.$route.params 或 this.$route.query 获取传递过来的参数：

<template>
  <view>
    <text>详情ID: {{ id }}</text>
  </view>
</template>

<script>
export default {
  data() {
    return {
      id: this.$route.params.id || '' // 对于路径参数
      // 或者对于查询参数
      // id: this.$route.query.id || ''
    };
  }
}
</script>

请根据您遇到的具体问题，对照上述示例进行检查和调整。如果文档中的描述与示例不符，建议查阅最新的官方文档或向 uni-app 社区寻求帮助。

回到顶部