如何调用后端 api 并获取结果以显示在 React 管理仪表板上？

Question

我的后端有一个 API，它提供一些 JSON 数据作为响应。 React Admin 允许使用数据提供者显示数据。我已经尝试了所有的数据提供者，但是 none 给我结果。

我有这个API方法：

GET http://localhost:8081/customer/status/{phone_no}

给出的响应为：

[
    {
        "mobile_number": "98160******",
        "status": true
    }
]

所以在这里我想在我的列表视图中获取这些数据并将其显示在仪表板上。有什么办法可以做到这一点。我还使用了 jsonDataProvider。它也不起作用。

我需要尽快解决这个问题。如果有人知道该怎么做，请 ping。

Answer 1

它给你什么错误？使用开发人员工具查看错误。大多数时候，您可能需要将 Content-Range header 添加到 API:

请参阅数据提供程序部分的以下文档：

注意：简单的 REST 客户端期望 API 在对 getList 调用的响应中包含 Content-Range header。该值必须是 collection 中的资源总数。这允许 react-admin 知道总共有多少页资源，并构建分页控件。

Content-Range：帖子 0-24/319 如果您的 API 作为 JS 代码在另一个域上，您需要使用 Access-Control-Expose-Headers CORS header.

将此 header 列入白名单

Access-Control-Expose-Headers: Content-Range

谢谢

How to call an backend api and fetch result to show on react admin dashboard?