POST API 不会保存

Question

我做了一个 POST 请求，我通过 console.log 收到了一个信号，但我的数组没有得到更新。 我错过了什么？

客户：

const handleClick = () => {
    console.log("i was clicked")
    fetch("http://localhost:5000/", {
      method: "post",
      headers: {'Accept': 'application/json',"Content-Type": "application/json"},
      body: JSON.stringify(testPost),
    }).then((res) => res.json())
    .then(data =>{console.log("success", data)})
    .catch((err) =>{console.log("rejected", err)})
    
};

服务器：

let data = {
  'skills': ["breathing ", "pooping"],
  'awards': 2  
}

app.get("/", (req, res) => {
  res.json(data);
});

app.post("/", (req, res) => {
   const {body} = req;
   res.json(data)
   console.log(body)
   console.log(data)
});

我在服务器上使用express 、 cors 、 body-parser 。 在客户端没什么特别的。

我的期望：{ skills: [ 'breathing', 'pooping', 'eating'], awards: 2 } 我的结果：{ skills: [ 'breathing', 'pooping'], awards: 2 }

Answer 1

首先，我不知道您发送到端点的数据类型。 所以我认为你发送了整个对象。

let data = {
  'skills': ["breathing ", "pooping"],
  'awards': 2  
}
// ...
app.post("/", (req, res) => {
  const {body} = req;

  data = body // this is what you are missing

  res.json(data)
  console.log(body)
  console.log(data)
});

Answer 2

您需要的是根据您的发布请求更新您的数据对象。 我从您的评论中假设您的请求正文是这样的{skills: ["eating"]} 。 所以你可以像这样更新你的post api。

let data = {
  'skills': ["breathing ", "pooping"],
  'awards': 2  
}

app.get("/", (req, res) => {
  res.json(data);
});

app.post("/", (req, res) => {
   // update skills array
   data.skills = [...data.skills, ...req.body.skills];
   res.json(data)
   console.log(body)
   console.log(data)
});

这应该提供您的预期结果。