title: Access to XMLHttpRequest at '…' from origin 'localhost:3000' has been blocked by CORS policy
body: <p>I have a problem with this error:</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>Access to XMLHttpRequest at 'https://...' from origin 'http://localhost:3000' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
  POST https://... net::ERR_FAILED</code></pre>
  </div>
  </div>
  </p>
  <p>I am trying to send data but getting a &quot;CORS&quot; error</p>
  <p>Am I missing something?
  Here is my code</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>var dataBlob = File;
    
    const submit = async () =&gt; {
  
    //Convert Blob URL to file object with axios
      const config = { responseType: "blob" };
      await axios.get(mediaBlobUrl, config).then((response) =&gt; {
        dataBlob = new File([response.data], "record", { type: "media" });
      });
      let formdata = new FormData();
  
      formdata.append("sequence", "L");
      formdata.append("video", dataBlob);
  
      console.log("data", dataBlob);
  
  //POST
      try {
        console.log(formdata.getAll);
        let result = await axios({
          url: "https://abc...",
          method: "POST",
          data: formdata,
        });
        console.log(result.data);
      } catch (err) {
        console.log(err);
      }</code></pre>
  </div>
  </div>
  </p>