使用 Axios 从 React 获取请求中的 Spring Pageable 对象

Posted

技术标签:

【中文标题】使用 Axios 从 React 获取请求中的 Spring Pageable 对象【英文标题】:Spring Pageable object in get request from React using Axios 【发布时间】:2020-03-10 15:30:46 【问题描述】:

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

@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 是最后获取的页面。现在它只使用默认值。

【问题讨论】:

【参考方案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 ));

【讨论】:

以上是关于使用 Axios 从 React 获取请求中的 Spring Pageable 对象的主要内容,如果未能解决你的问题,请参考以下文章

React - Axios 获取请求将数据返回为 NULL

Axios在react js中获取请求时出错

React - Axios 调用发出过多请求

React 中的 AJAX 请求:获取数据的方法

无法从 axios POST 请求中获得响应(React)

Axios + Ionic React + Sails:_csrf token 403 Forbidden