使用 ReactJs 的 400 个错误请求

Question

我正在尝试向服务器发出发布请求，但它返回 400 错误。 ： 这是反应功能

const handleSubmit = () => {
  const bookInstanceObject = {
    imprint: imprint,
  };

  axios
    .post('http://localhost:3001/catalog/bookinstance/create', bookInstanceObject)
    .then(res => {
      console.log(res.data);
    })
    .catch(error => {
      console.log(error);
    });
};

这是服务器端：

router.post('/bookinstance/create', (request, response, next) => {
  const body = request.body;

  const bookInstance = new BookInstance({
    imprint: body.title,
  });

  bookInstance
    .save()
    .then(savedBook => {
      response.json(savedBook.toJSON());
    })
    .catch(error => next(error));
});

任何想法 ？

Answer 1

我认为正在发生的事情

前端的handleSubmit函数是 POST 到/catalog/bookinstance/create ，而服务器期待它来/bookinstance/create 。

简单的错字，当你强调它不起作用时很容易错过。

怎么修？

更改要匹配的 URL。

任何一个：
将前端的 POST url 更改为/bookinstance/create ，
或者：
将服务器的预期路由更改为router.post('/catalog/bookinstance/create',

为什么它在错误日志中是 GET？

我不知道，但我怀疑此错误与代码中其他地方的 GET 请求有关。

如果此修复程序错误消失，请在评论中告诉我们。 （假设我的修复工作）