javascript - API调用时React JS(休息时的管理员)错误

Question

我正在使用 React js ( Admin on Rest ) 进行 API 调用 (GET)。

当我调用 localhost:5001/cites 时，我已经检查了 API 服务器，服务器返回城市数据，但我不知道它在客户端出错，这是来自浏览器的日志:

failure.js:18 Error: The X-Total-Count header is missing in the HTTP Response. This header is necessary for pagination. If you are using CORS, did you declare X-Total-Count in the Access-Control-Allow-Headers header?

at convertHTTPResponseToREST (http://localhost:3000/static/js/bundle.js:33928:28)
at http://localhost:3000/static/js/bundle.js:33966:21

和

failure.js:18 Error: The Content-Range header is missing in the HTTP Response. This header is necessary for pagination. If you are using CORS, did you declare Content-Range in the Access-Control-Allow-Headers header?

at convertHTTPResponseToREST (http://localhost:3000/static/js/bundle.js:33010:28)
at http://localhost:3000/static/js/bundle.js:33037:21

有人可以帮忙吗？谢谢

Answer 1

Admin-on-rest 需要一种方法来确定总共有多少结果，即使您的 API 仅返回结果的一个子集 - 为了构建分页 Controller 。例如，如果 API 返回 10 个结果但提到总共有 100 个结果，admin-on-rest 将显示 10 个页面链接。

simpleRestClient 和 jsonServerRestClient 都希望在响应 header 中看到此信息，无论是在 X-Total-Count 中，还是在 内容范围。

如果您的 API 不包含这些 header ，您可以:

• 更新您的 API 以将总数包含在 X-Total-Count header 中，或者
• 编写您自己的 RESt 客户端以在其他地方获取有关记录总数的信息(例如在响应正文中)