"CORS" issue with MongoDB

var myHeaders = new Headers();
  myHeaders.append("Content-Type", "application/json");
  myHeaders.append("Access-Control-Allow-Headers", "*");
  myHeaders.append(
    "api-key",
    "xxxxxxxxxxxx"
  );

  var raw = JSON.stringify({
    dataSource: "hackett-db-cluster",
    database: "FirstDB",
    collection: "FirstDB",
    document: {
      username: userName,
      date: formattedDate,
      address: userAddress,
      email: userEmailText,
      active: "true",
    },
  });

  var requestOptions = {
    method: "POST",
    headers: myHeaders,
    body: raw,
    redirect: "follow",
  };

  fetch(
    "https://ap-southeast-1.aws.data.mongodb-api.com/app/data-dxseo/endpoint/data/v1/action/insertOne",
    requestOptions
  )
    .then((response) => response.text())
    .then((result) => {
      console.log(result);
    })
    .catch((error) => {
      console.log("An error occurred: ", error);
    });