使用Firebase数据通过res.json()返回时出现JSON解析错误求助

问题根源 #

你的服务端代码存在两个核心问题：

1. onValue使用场景错误：onValue是Firebase的实时监听函数，会在数据变化时多次触发回调，完全不适合HTTP请求的单次响应场景。
2. 异步操作未正确处理：content()函数调用onValue后立刻返回，根本等不到回调里的返回值，最终传递给res.json()的是undefined，服务器返回空响应，客户端解析空内容就会触发JSON.parse错误。

另外，res.json()会自动完成对象到JSON的序列化，手动用JSON.stringify()反而会导致双重序列化，完全没必要。

修复后的服务端代码 #

改用Firebase的get()方法单次获取数据，并通过async/await处理异步逻辑：

// 确保已从firebase/database导入get方法
const { get, ref } = require("firebase/database");

app.get('/m', async (req, res) => {
  try {
    // 单次读取users/1的数据
    const snapshot = await get(ref(config.db, "users/1"));
    // 直接返回数据，res.json自动完成序列化
    res.json(snapshot.val());
  } catch (error) {
    // 捕获错误并返回500状态码
    res.status(500).json({ error: '获取数据失败' });
  }
});

可选：客户端添加错误处理 #

为了让请求逻辑更健壮，给客户端请求加上错误捕获：

fetch('http://localhost:3000/m')
  .then(response => {
    if (!response.ok) {
      throw new Error(`HTTP错误：${response.status}`);
    }
    return response.json();
  })
  .then(data => console.log(data))
  .catch(err => console.error('请求出错：', err));

关键说明 #

• 用get()替代onValue：HTTP接口是一次性请求响应模式，不需要实时监听数据变化，get()专门用于单次读取数据，返回Promise，适配async/await的异步处理逻辑。
• 必须等待异步操作完成：通过async/await确保在拿到Firebase数据后再返回响应，避免返回undefined导致的空响应问题。

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