自定义数据接口 ​

这一页主要讲：怎么把 Pro 项目里的数据请求换成你自己的后端接口。

如果你已经把页面跑起来了，这一步通常就是从“演示项目”走向“真实业务项目”的关键一步。

最简单的接法 ​

import { simpleDataProvider } from '@duxweb/dvha-core'

const config = {
  dataProvider: simpleDataProvider({
    apiUrl: 'https://api.example.com',
  }),
}

最简单理解：

• dataProvider 负责统一发请求
• apiUrl 是你的接口服务地址

为什么这一步很重要 ​

因为后台项目大多数业务最终都绕不开：

• 列表接口
• 详情接口
• 新增接口
• 编辑接口
• 删除接口

而这些通常都会通过 dataProvider 统一走。

先做什么最合适 ​

如果你是第一次接自己的接口，建议先这样做：

1. 先接一个最简单的列表接口
2. 再接一个详情接口
3. 再接新增 / 编辑接口
4. 最后再做更复杂的自定义接口

这样最容易快速建立整体理解。

最常见问题 ​

页面能打开，但拿不到数据 ​

先检查：

• apiUrl 是否正确
• 后端接口是否真的可访问
• 请求路径是否对得上

接口能通，但页面数据不对 ​

先检查：

• 返回结构是否和当前组件 / Hook 预期一致
• 是否需要自己做一层适配

下一步建议 ​

接口接上后，最推荐继续看：

• 权限管理与路由守卫
• 文件上传与管理