错误:语法错误:使用fetch()时JSON输入意外结束

Question

我正在尝试在Go API服务器和基于React的前端之间发送JSON。我得到以下错误:

错误：SyntaxError:JSON输入意外结束

它说这发生在第25行，这是

.then(response => response.json())

这是相关的函数：

postData() {
fetch('stuff/', {
  method: 'POST',
  headers: {
    'Accept': 'application/json',
    'Content-Type': 'application/json',
  },
  body: JSON.stringify({
    name: 'Bob',
    age: 53,
  })
})
.then(response => response.json())
.catch(error => console.error('Error:', error))
.then(response => console.log('Success:', response));
}

在尝试了一些故障排除之后，我将错误捕捉添加到带有“成功”和“错误”输出的函数中，这样它至少可以停止弹出错误页面，并在API服务器上添加一些控制台输出，以查看数据是否正在传递。

除了出现错误之外，一切似乎都在按预期运行。Go API服务器正在接收json数据，我能够将它解组到一个结构中，并将数据写入控制台，这样我就知道数据正在被传递。操作的Go端没有抛出任何错误。

我不知道是什么导致了这个错误？寻找一些关于我如何进一步解决这个问题或解决错误的建议。

更新：正如戴尔建议的那样，我已经把.then（响应=

同样值得注意的是，在这种情况下，错误代码不会弹出。这个错误可能与服务器端的go代码有关吗？下面是POSTendpoint的处理程序

func handlePostTest(w http.ResponseWriter, r *http.Request) {
body, err := ioutil.ReadAll(r.Body)
if err != nil {
    fmt.Print(err.Error())
}
var aPerson Person
json.Unmarshal(body, &aPerson)
fmt.Print(" ", aPerson.Name, " ", aPerson.Age)
}

Answer 1

从错误消息和HTTP响应可以明显看出，如果您使用fetch api并从服务器端返回HTTP 200，那么您应该发送一些类似< code >“OK”的内容，否则它将返回空字符串，如果您使用< code >。json()首先，它会导致错误，因为它不是有效的json。如果您没有发送任何内容，请从服务器端发送HTTP 204(< code > no content )。

因此，对于您的情况，您应该从服务器端发送一些内容。