当前位置: 首页 > java >正文

banner这个文件是怎么请求到后端数据的

我先全局查找哪里引用了这个 Banner 组件,以及查看同目录下的 mixin.jscomponents/page/index.vue,以确定数据是从父组件传入还是在组件内请求的。随后我会打开疑似相关的 API 文件(例如 api/page.js)确认首页/装修数据的请求来源。

[5 tools called]

我先打开首页 pages/index/index.vue 看它如何给 BannerdataList,并确认首页在哪儿发起接口请求。随后我会打开请求定义 api/page.js 以给出完整链路。

[1 tool called]

简短回答

components/page/banner/index.vue 本身不请求后端数据,它通过 props 接收父组件传入的 dataList。首页 pages/index/index.vue 调用 api/page.jshome() 接口拿到后端返回的 banner 数据,再以 :dataList="banner" 传给 Banner

props: {itemIndex: String,itemStyle: Object,params: Object,dataList: Array
}
<Banner v-if="storeInfo" :itemStyle="options.bannerStyle" :params="options.bannerParam" :dataList="banner"/>
getPageData(callback) {const app = this;Api.home().then(result => {app.banner = result.data.banner;uni.removeStorageSync("reflashHomeData");app.isReflash = false;}).finally(() => callback && callback())
}
// 页面数据
export function home() {return request.get(apiUri.home)
}

另外,components/page/mixin.js 只处理跳转(onLink),不涉及数据请求。

  • 变更/影响:无代码改动;梳理了数据流。Banner 依赖父级传入的 dataList,父级通过 Api.home() 请求 clientApi/page/home 并将 result.data.banner 传入。
http://www.xdnf.cn/news/18963.html

相关文章:

  • codeforces(1045)(div2)D. Sliding Tree
  • zookeeper-集群扩缩容
  • 二次校验请求源 IP 是否在 WAF 官方 IP 段内” + “校验是否携带 WAF 专属 HTTP 头
  • 全域管控,一触可达:复合机器人远程监控方案重塑智能制造
  • volitale伪共享问题及解决方案
  • 高效管理远程连接!Remote Desktop Manager 全方位使用指南
  • 对接连连支付(四)-- 收款查询
  • 数据结构:单链表的应用(力扣算法题)第一章
  • 迅睿CMS自定义网站表单:HTML方式调用Select下拉选项数据指南
  • Winsock 操作指南
  • 宝塔面板零基础搭建 WordPress 个人博客与外贸网站 | 新手10分钟上手指南
  • vscode 调试 指定 python文件 运行路径
  • 嵌入式Linux自学不走弯路!670+讲课程!系统学习路线:入门+应用+ARM+驱动+移植+项目 (STM32MP157开发板)
  • Libvio访问异常排查指南
  • 《从有限元到深度学习:我的金属疲劳研究进阶之路》
  • Paimon——官网阅读:主键表
  • 【Kafka】项目整合使用案例
  • 解开 Ansible 任务复用谜题:过滤器用法、Include/Import 本质差异与任务文件价值详解
  • CPU 虚拟化之Cpu Models
  • 微算法科技(NASDAQ:MLGO)突破性FPGA仿真算法技术助力Grover搜索,显著提升量子计算仿真效率
  • 【LwIP源码学习7】ICMP部分源码分析
  • 【工具篇2】Gitee导入github repo作为持续的镜像站,自建 GitHub 镜像仓库详细步骤
  • Web转uni-app
  • 如何使用 Xshell 8 连接到一台 CentOS 7 电脑(服务器)
  • CellCharter | 入门了解
  • Linux 服务器故障全解析:常见问题及处理方法大全
  • imx6ull-驱动开发篇44——Linux I2C 驱动实验
  • PP工单状态JEST表
  • 浅聊达梦数据库物理热备的概念及原理
  • Ubuntu 切换 SOCKS5代理 和 HTTP 代理并下载 Hugging Face 模型