使用async/await从Laravel5.5获取数据时为何出现JSON解析错误？

云原生阿岚

2026-5-25

Hey Joey，我来帮你排查这个JSON解析的坑——这个错误本质是前端拿到的内容根本不是有效的JSON，哪怕你用了toJson()，也可能有其他隐藏问题。咱们一步步捋：

1. 先修正控制器的返回方式（最常见的问题）

你现在手动用toJson()的话，Laravel不会自动帮你设置正确的响应头，甚至可能把字符串当成普通文本返回。更可靠的做法是用Laravel自带的JSON响应方法：

public function getSourceListForSpecificSystem(int $system_id){
    $systems = $this->sourceObject->select('id','name')
        ->where('systems_id',$system_id)
        ->get(); // 先确认你这里有没有调用get()获取集合？
    return response()->json($systems);
}

response()->json()会自动设置Content-Type: application/json响应头，还能正确处理集合、模型转JSON的细节，比手动toJson()靠谱多了。

2. 检查是否有意外输出干扰JSON

有没有在控制器、中间件甚至全局代码里不小心加了echo、var_dump？或者有没有误返回了Blade视图的HTML内容？哪怕是一个空格、换行符，都会让JSON解析直接失败。
你可以直接在浏览器地址栏访问这个接口，看看返回的内容是不是纯JSON——如果开头有空格、<html>标签，那就是问题所在，把多余的输出删掉就行。

3. 确认查询结果是否正常

如果你的SQL查询出错（比如字段名写错、关联表不存在），Laravel可能返回错误页面的HTML，而不是你预期的JSON数据。你可以在控制器里先临时打印查询结果：

dd($systems);

看看是不是你预期的集合，如果是错误信息，先把SQL查询的问题解决掉。

4. 前端别重复解析JSON

如果你用的是axios、fetch这类工具，它们会自动帮你解析JSON响应。要是你再手动调用JSON.parse()，就会把已经解析好的对象再当成字符串解析，直接报错。比如：

// 错误示例：axios已经自动解析了response.data
axios.get('/api/systems/1')
  .then(res => JSON.parse(res.data)) 

// 正确做法：直接用解析好的对象
axios.get('/api/systems/1')
  .then(res => console.log(res.data))

5. 特殊字符转义排查

如果你的name字段里有引号、换行符这类特殊字符，虽然response()->json()会自动转义，但手动用toJson()时如果没设置正确参数，可能会出问题。不过这个情况比较少见，优先用前面的方法排查。

你可以先从「直接访问接口看返回内容」开始排查，90%的情况都是响应头不对或者有多余输出导致的。

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