将 JSON 从后端发送到前端

Question

我需要对 JSON 对象进行一些说明。在我的节点后端，我收到一个 JSON 对象，在我完成我需要的键/值对之后，我将它发送到前端。这就是我感到困惑的地方 - 我仍然需要通过 response.json() 将该响应对象转换为 json。为什么？如果后端正在传递 JSON，那么为什么我需要将响应 obj 转换为 JSON？// test.js (node)const testObj = {    "test1": {        "1": "Hello there"   }}app.get('some-route', async(req,res) =>{       res.send(testObj)}// front.js (React)async someFunc(){      const response = await fetch('/some-route');      const data = await response.json(); //why?}

Answer 1

响应对象不仅仅是它的 JSON 部分。它包含所有 HTTP 协议元素，如headers、响应状态等。

当您使用时，res.json()您是在告诉您的代码仅将 JSON 部分与所有其他内容分开。

要更多地了解 HTTP 响应，我建议您阅读此。

Answer 2

响应对象不是您从后端发送的任何内容，它将是一个Response 对象。这就是 Fetch API 的工作原理。该 Response 对象将包含大量元数据和一些方法，包括.jsonwhich Takes a Response stream and reads it to completion. It returns a promise that resolves with the result of parsing the body text as JSON。

如果不想经历这两个步骤，直接写这个函数就行了。

const fetchJson = async url => {

    const response = await fetch(url)

    return response.json()

}

并像这样使用它：

async someFunc(){

      const data = await fetchJson('/some-route')

}