2

我正在尝试对节点中的 json-server 提供的 json 文件执行 POST 操作。尝试执行所述 POST 操作时，我收到以下 500 错误：

“TypeError：无法读取 Function.createId 处未定义的属性 'id'”

后期操作如下：

pushState = () => {
        var update = {
            "a": 1,
            "b": 2
        };

    return fetch(url, {
      mode: 'cors',
      method: 'POST',
      headers: {
        'Accept': 'application/json',
        'Content-Type': 'application/json',
      },
      body: JSON.stringify(update)
    })
    .then((response) => {
      console.log(response);
      response.text();
    })
    .then((responseData) => {
      console.log("Response:",responseData);
    }).catch((error) => {
      console.log(error);
    })
    .done();
  }

我是否正确执行 POST 请求？

编辑：添加异步和等待后，我仍然收到相同的错误：

pushState = async () => {
  var update = {
    "a": 1,
    "b": 2
  };

  var result = await fetch(url, {
    mode: 'cors',
    method: 'POST',
    headers: {
      'Accept': 'application/json',
      'Content-Type': 'application/json',
    },
    body: JSON.stringify(update)
  })
  .then((response) => {
    console.log(response);
    return response;
  })
  .catch((error) => {
    console.log(error);
  });

  return result;
}
4

1 回答 1

2

这里有两个问题：

  1. 您没有从fetch.
  2. fetch是异步的。使用您现在调用它并pushState立即返回结果的方式，它几乎总是会undefined在您遇到错误时返回。pushState您需要使用 async/await 进行写入。

编辑以回答评论：

由于您使用的是函数箭头语法，因此pushState异步将如下所示：

pushState = async () => { /* code */ }

为了帮助您了解其fetch工作原理，我建议您先阅读此内容。然后要从高层次上理解 async/await，请阅读这篇文章。您生成的代码将如下所示：

pushState = async () => {
  var update = {
    "a": 1,
    "b": 2
  };

  var result = await fetch(...) // Remember to return something.

  return result;
}
于 2017-06-28T20:24:37.483 回答