Javascript 向mongodb领域发送数据时出错400

Javascript 向mongodb领域发送数据时出错400,javascript,reactjs,mongodb,mongodb-atlas,Javascript,Reactjs,Mongodb,Mongodb Atlas,我试图用以下代码将用户数据从我的应用程序发布到我的api const submitPet = (e) => { e.preventDefault(); let data = { pet: petName, breed: petBreed, image: petImage, desc: petDesc, user: props.user } fetch('https://us-west-2.aws.webh

我试图用以下代码将用户数据从我的应用程序发布到我的api

const submitPet = (e) => {
    e.preventDefault();
   let data = {
     pet: petName,
     breed: petBreed,
     image: petImage,
     desc: petDesc,
     user: props.user
   }
   
    fetch('https://us-west-2.aws.webhooks.mongodb-realm.com/api/client/v2.0/app/my_pets-dbdsd/service/pets/incoming_webhook/addnewpet', {
      method: 'POST',
      body: data,
      headers: {
        'Content-type': 'application/json; charset=UTF-8'
      }
    }).then(function (response) {
      if (response.ok) {
        return response.json();
      }
      return Promise.reject(response);
    }).then(function (data) {
      console.log(data);
    }).catch(function (error) {
      console.warn('Something went wrong.', error);
    });
  }
我的应用程序正在mongodb领域中运行,我的webhook看起来是这样的:

exports = async function(payload, response) {

  if (payload.body) {
      const body =  EJSON.parse(payload.body.text());
      const reviews = context.services.get("mongodb-atlas").db("pets").collection("my_pets");
      
      const reviewDoc = {
          name: body.name,
          user_id: body.user_id,
          date: new Date(),
          text: body.text,
          
      };
  
      return await reviews.insertOne(reviewDoc);
  }

  return  {};
};
我已经测试了webhook,它可以从mongodb控制台工作,但我无法从应用程序内部让它工作。无论我使用什么方法,我都会得到一个POST 400错误。 我的完整代码在这里
在此之前,我非常感谢您的帮助,我已经在这方面做了一段时间了

这并不是一个解决方案,更像是一个解决办法,但在使用axios时,我没有收到错误,api工作正常。 我的新代码适合任何感兴趣的人

  const submitPet = (e) => {
    e.preventDefault();
   let data = {
     pet: petName,
     breed: petBreed,
     image: petImage,
     desc: petDesc,
     user: toString(props.user)
   }
   
    //'https://us-west-2.aws.webhooks.mongodb-realm.com/api/client/v2.0/app/my_pets-dbdsd/service/pets/incoming_webhook/addnewpet'
    axios
    .post(
      "https://us-west-2.aws.webhooks.mongodb-realm.com/api/client/v2.0/app/my_pets-dbdsd/service/pets/incoming_webhook/addnewpet",
      data
    )
    .then((response) => {
      console.log(response);
    });
   
  }

我重新创建了这个,也得到了一个400错误,消息如下:

error: {"message":"invalid character 'o' looking for beginning of value","name":"TypeError"}
error_code: FunctionExecutionError
这让我觉得发送的请求的格式有问题,所以我查看了,他们说json请求的主体必须首先通过
json.stringify
转换为json。他们的例子是:

const data = { username: 'example' };

fetch('https://example.com/profile', {
  method: 'POST', // or 'PUT'
  headers: {
    'Content-Type': 'application/json',
  },
  body: JSON.stringify(data),
})
.then(response => response.json())
.then(data => {
  console.log('Success:', data);
})
.catch((error) => {
  console.error('Error:', error);
});

在那之后,它工作得很好。

你从哪里获得url?从我设置的mongo webhook的“设置”中