javascript - JSON 服务器 - 将数据发布到数组中的特定对象中

Question

我正在练习 fetch api，但在发布数据时遇到问题...第一步，我发布到“http://localhost:3003/users” ' 并且工作正常 -> 代码:

(async () => {
        const res = await fetch('http://localhost:3003/users', {
          method: 'POST',
          body: JSON.stringify({ name, password }),
          headers: {
            'Content-Type': 'application/json'
          }
        });

但在另一个组件(第二步)中我有以下代码:

  useEffect(() => {
    (async () => {
      try {
        const resp = await fetch(`http://localhost:3003/users/${userID}`, {
          method: 'POST',
          body: JSON.stringify({ tasks: [1, 2, 3] }),
          headers: {
            'Content-Type': 'application/json'
          }
        }).then(res => console.log(res));
      } catch (err) {
        console.error(err);
      }
    })();
  }, [userID]);

登录到控制台后，得到:

Response {type: "cors", url: "http://localhost:3003/users/0", redirected: false, status: 404, ok: false, …}
body: (...)
bodyUsed: false
headers: Headers {}
ok: false
redirected: false
status: 404
statusText: "Not Found"
type: "cors"
url: "http://localhost:3003/users/0"

但是当我去http://localhost:3003/users/0时，我可以看到用户，所以看起来 url 有效...当然，当我删除 ${userID} 时它有效，但数组被添加为最后一个对象，而不是添加到该特定用户...更重要的是 - http://localhost:3003/users/ ${userID} 使用 GET 方法。

问题是 - 如何将数据发送到 JSON 服务器中数组中的单个对象？

db.json:

{
  "users": [
    {
      "id": 0,
      "name": "Ola",
      "password": "12345"
    },
    {
      "name": "newuser",
      "password": "newuser",
      "id": 1
    }
  ]
}

表单提交检查是否存在具有该名称的用户；如果没有，请发布新用户

Answer 1

已解决

我使用了错误的方法 - POST 而不是 PATCH