Spring 使用 Axios 从 React 获取请求中的可分页对象

Question

我有一个看起来像这样的端点

@GetMapping("/page") Page<Event> getEventPage( @PageableDefault(page = 0, size = 20) @SortDefault(sort = "createdDateTime", direction = Sort.Direction.DESC) Pageable pageable)

我应该如何使用 Axios 从我的 React 前端传递 Pageable 对象，到目前为止我得到了这个：

fetchEvents(pageable) {
    return axios.get("http://localhost:8080/api/events/page", pageable, this.setupAxiosInterceptors());
}

其中 pageable 是最后获取的页面。现在它只是求助于默认值。

Answer 1

您只需将查询参数添加到 url 即可完成此操作。喜欢http://localhost:8080/api/events/page?page=1&size=20

执行此操作的 axios 方法如下所示：

const querystring = require('querystring');
axios.get('http://localhost:8080/api/events/page', querystring.stringify({ page: 1, size: 20 }));

Spring 使用 Axios 从 React 获取请求中的可分页对象

Spring Pageable object in get request from React using Axios

java

reactjs

spring

axios

pageable