Laravel API如何返回多个数组匹配React前端MVP响应格式

你当前代码返回的是顺序索引数组[$types, $c, $d]，PHP的顺序索引数组序列化后会生成JS的索引数组，和前端要求的键值对象结构不匹配。另外代码存在嵌套重复定义函数、重复执行全表查询、profileUser返回集合而非单个对象的问题。

• 删除内层重复定义的listChats嵌套函数，避免语法错误
• 替换顺序索引数组为键名和前端要求完全一致的关联数组，关联数组序列化后会自动生成JS对象结构
• 合并重复的全表查询逻辑，减少不必要的数据库IO
• 调整profileUser的返回逻辑，取单条模型记录而非集合，匹配前端要求的对象结构

function listChats()
{
    // 一次性查询全量聊天数据，避免重复查库，模型名建议遵循大驼峰命名规范写为Chat
    $allChats = chat::all();
    // 替换为你项目中实际获取当前登录用户ID的逻辑
    $currentUserId = auth()->id();

    return [
        'chatsContacts' => $allChats->where('user_id', $currentUserId)->values(),
        'contacts' => $allChats->unique('user_id')->values(),
        'profileUser' => $allChats->where('user_id', $currentUserId)->first()
    ];
}

注：如果你的contacts是独立联系人表的业务数据，把对应键的查询逻辑替换为实际的联系人查询即可，核心是保持三个返回键名和前端要求完全一致。

接口返回的内容序列化后会完全匹配前端预期结构：

{
  "chatsContacts": [/* 聊天联系人数组 */],
  "contacts": [/* 全部联系人数组 */],
  "profileUser": {/* 用户资料对象 */}
}

内容的提问来源于stack exchange，提问作者stack user