Laravel分页结合Inertia.js是否加载整页？如何提取目标数据？

情况是否属实？ #

不是返回整个HTML页面，而是Inertia.js的响应本身就包含页面组件信息和对应的数据结构。当你访问分页的下一页URL时，后端返回的是符合Inertia规范的JSON响应，里面有component（组件名）、props（页面所有属性数据）等字段，你看到的"整个页面内容"其实是这个完整的Inertia响应结构，并非纯HTML页面。

如何提取所需的journals数据？ #

1. 前端用Inertia正常导航（推荐） #

在Inertia的前端页面里处理分页，不用手动解析响应：

• 分页链接用Inertia支持的路由生成（比如Vue组件里用$inertia.route()，或者Blade里用route()），点击时Inertia会自动发XHR请求并更新页面数据，journals会自动同步到组件的props里，直接用就行。

2. 手动请求时解析响应 #

如果是自己用fetch/axios发起请求，从响应JSON里取props.journals就行：

fetch('/journals?page=2')
  .then(res => res.json())
  .then(data => {
    const targetJournals = data.props.journals;
    // 在这里处理表格数据
  });

3. 后端单独写API路由（可选） #

如果只需要分页的journals数据，不想返回完整Inertia响应，可以加个API路由：

Route::get('/api/journals', function () {
    return Journal::filter(request()->all())
        ->paginate(10)
        ->onEachSide(1)
        ->withQueryString();
});

请求这个路由会直接返回分页JSON数据，不用处理Inertia的响应结构。

内容的提问来源于stack exchange，提问作者Tamás László