React中Axios请求的问题

Question

我试图启动一个后Axios请求从我的前面到我的后面使用React框架。当我使用我的localhost服务器，它的工作，但我使用Heroku地址，我有一个错误消息（400坏的请求）在我的控制台.我试图启动其他得到Axios请求与heroku和它的工作。因此，我想知道，我的问题是相关的Post Axios请求。我将感谢你的意见

请在下面找到我的代码（前面的反应）。

import React from "react";

import axios from "axios";

const Questions = () => {
  const fetchData = async () => {
    const response = await axios.post(
      "https://formnest-back-certification.herokuapp.com/form/create",
      {
        title: "nouveau formulaire",
      }
    );

    console.log(response.data);
  };

  fetchData();

  return (
    <>
      <div>Hello form</div>
    </>
  );
};
export default Questions;

这是我的代码在后面的React。

router.post("/form/create", async (req, res) => {
  try {
    /* const titleForm = await Form.findOne({ title: req.fields.title });
    console.log(titleForm);

    if (titleForm) {
      return res.status(400).json({ error: "title already used" });
    } else { */
    if (req.fields.title) {
      const newForm = new Form({
        title: req.fields.title,
        /* questions: req.fields.questions,
          answers: req.fields.answers, */
      });

      // Sauvegarde du formulaire
      await newForm.save();
      return res.json(newForm);
    } else {
      return res.status(400).json({ error: "Missing parameters" });
    }
  } catch (e) {
    return res.status(400).json({ error: e.message });
  }
  /*  console.log(req.fields); */
  /* 
  res.json({ message: "form created" }); */
});