表单数据错误发送到客户端后无法设置标题

Question

尝试将图像上传到Azure存储blob，但fetch方法不起作用。

它在postman中工作正常，但在获取时显示错误

在赫鲁库部署中没有问题

这个代码有什么问题

const uploadImage = async () => {
    try {
      const Data = new FormData();

      Data.append('file', image);

      console.log("form data", Data);

      await fetch('https://fame-azure.herokuapp.com/aa', {
        method: 'POST',
        body: Data
      })
    } catch (err) {
      console.log(err);
    }

app.post('/aa', upload.any(), function (req, res, next) {
  console.log(req.files)
  res.send('ok')
  res.status(200).send('Uploaded: ' + req.files)
})

Answer 1

这是因为在您的后端，您首先发送带有res.send（'ok'）的响应。之后，您将再次发送带有res.status（200）. send（'上传：'req.files）的响应，但是由于响应已经提交，因此您无法再次更新/发送它，因此出现了错误。如果您只是删除第一行，错误就会消失。

Answer 2

这是因为您尝试发送两次响应。

app.post('/aa', upload.any(), function (req, res, next) {
  console.log(req.files)
  // res.send('ok') <-- remove this
  res.status(200).send('Uploaded: ' + req.files) // <-- use this
  res.json({uploaded: req.files}) // <-- or this, using json() method will set the response headers 200 automatically
})

如果你认为它在postman中看起来很好，是因为postman没有从你的服务器收到任何错误响应，这个错误只记录在你的服务器中。