Express 4+服务器返回ReadableStream响应，如何转为字符串/JSON？

嘿，我来帮你搞定这个问题！当你给Express服务器发POST请求后，浏览器拿到的响应body是ReadableStream而不是预期的JSON或字符串，这确实有点让人困惑。下面我从前端处理和服务器端调整两个方面给你详细说明：

一、前端怎么把ReadableStream转成字符串/JSON #

浏览器提供了原生API来读取这个流，两种常用方法：

1. 先转成字符串，再按需转JSON #

用Response.text()方法就能把流读取并转换成字符串，如果原本是JSON格式，还能进一步解析：

fetch('http://localhost:1111/', {
  method: 'POST',
  headers: {
    'Content-Type': 'application/json'
  },
  body: JSON.stringify(你的请求数据)
})
.then(response => {
  if (!response.ok) {
    throw new Error('请求出错啦');
  }
  return response.text(); // 把流读取成字符串
})
.then(strData => {
  console.log('拿到的字符串数据:', strData);
  // 如果是JSON格式，转成JSON对象
  const jsonData = JSON.parse(strData);
  console.log('转成JSON后:', jsonData);
})
.catch(err => console.error('请求失败:', err));

2. 直接把流转成JSON #

如果服务器返回的确实是JSON格式的流，你可以一步到位用Response.json()方法，它会自动读取流并解析成JSON对象：

fetch('http://localhost:1111/', {
  method: 'POST',
  headers: {
    'Content-Type': 'application/json'
  },
  body: JSON.stringify(你的请求数据)
})
.then(response => {
  if (!response.ok) {
    throw new Error('请求失败');
  }
  return response.json(); // 直接读取流并解析为JSON
})
.then(jsonData => {
  console.log('拿到的JSON数据:', jsonData);
})
.catch(err => console.error('出错了:', err));

二、服务器端调整：别返回流，直接返回JSON/字符串 #

从你给出的代码片段来看，大概率是你在处理POST请求时，直接返回了Node.js的ReadableStream（比如Mongoose的查询流），而没有用Express的响应方法来处理。

正确返回JSON的示例 #

比如你查询数据库后，用res.json()来返回数据，Express会自动帮你设置响应头并把数据转成JSON：

// 先确保你引入了需要的模块
const cors = require('cors');
const YourModel = require('./models/你的模型');

// 配置CORS（因为你的响应type是cors，避免跨域问题）
app.use(cors());

// 处理POST请求
app.post('/', async (req, res) => {
  try {
    // 假设你从数据库查询数据
    const result = await YourModel.find({});
    // 用res.json()返回JSON数据
    res.json(result);
  } catch (err) {
    // 错误处理，返回500状态码和错误信息
    res.status(500).json({ error: err.message });
  }
});

如果真的需要返回流 #

要是你因为场景需求（比如返回大文件、海量数据）必须返回流，那前端就用上面的方法读取就行。但普通API响应的话，还是用res.json()或res.send()更省心，这样前端拿到的就不是流，而是直接可用的数据。

另外，别忘了你的服务器已经开启了CORS（响应type显示是"cors"），如果还没配置cors中间件，记得先装一下：

npm install cors

然后在代码里加上app.use(cors());就行。

三、为啥会拿到ReadableStream？ #

一般有这两种情况：

• 你在服务器端直接返回了Node.js的ReadableStream对象，没通过Express的res.json()/res.send()处理
• 响应的Transfer-Encoding被设置成了chunked，浏览器就会把它当成流来处理

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