CORS Error, While Using in ReactJS Application

[asmitsirohi]

I'm trying to use this api in my ReactJS application, and facing CORS error.

Code: var data = JSON.stringify({ code: public class program{ public static void main(String [] args){ System.out.println("Hello"); } }, language: "java", input: "", });

  const response = await axios.post(
    "https://codexweb.netlify.app/.netlify/functions/enforceCode",
    {
      data: data,
    },
    {
      headers: {
        "access-control-allow-origin": "*",
        "Content-type": "application/json; charset=UTF-8",
      },
    }
  );

Error ScreenShot:

[Jaagrav]

This api works only in backend, for example with nodejs, in order to use it in front end you need to add this URL as a prefix https://cors-anywhere-jaagrav.herokuapp.com/https://codexweb.netlify.app/.netlify/functions/enforceCode and it should work

[asmitsirohi]

Thanks....It helps a lot.

[Alex-Beep-Cao]

Really Helpful, thank you very much!!!

[Jaagrav]

The API now supports No CORS requests so you don't need to follow the above comment any more. Check out the new docs, https://github.com/Jaagrav/CodeX-API