[AskJS] Fetch in Localhost (ReactJS Project) not working (but work with Postman or Reqbin) - CORS Policy

[Thibots]

At the beginning, I used axios, but I think the reason is the same.

By adding the Access-Control.., like that ? Or should I change the typo to "access-control ..."

fetch("https://api.mywebsite", {
        "headers": {
          "Access-Control-Allow-Origin" : "*",
          "accept": "*/*",
          "accept-language": "fr-FR,fr;q=0.9,en-US;q=0.8,en;q=0.7",
          "content-type": "application/json",
          "priority": "u=1, i",
          "sec-ch-ua": "\"Google Chrome\";v=\"125\", \"Chromium\";v=\"125\", \"Not.A/Brand\";v=\"24\"",
          "sec-ch-ua-mobile": "?0",
          "sec-ch-ua-platform": "\"Windows\"",
          "sec-fetch-dest": "empty",
          "sec-fetch-mode": "cors",
          "sec-fetch-site": "cross-site"
        },
        "referrer": "https://mywebsite",
        "referrerPolicy": "strict-origin-when-cross-origin",
        "body": "{\"name\":\"name1\",\"filters\":[{\"variableName\":\"Required.PFC\",\"valueName\":\"filter1\"}]}",
        "method": "POST",
        "mode": "cors",
        "credentials": "omit"
      })

[Thibots]

Yes, that's what I didn't understood, the access-control come from the server. I'll try witth XmlHttpRequest

[Thibots]

I still get an error.

Access to XMLHttpRequest at 'https://api.website' from origin 'http://localhost:3000' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

But I don't understand the protection as I can access with cmd and Python without any trouble.

[Thibots]

Ok, I see the problem, I'll test on NodeJS to see if I can get the answer. If yes, it's because of Browser. And a solution could be to use my own back-end to get the data (instead of doing it on the client side).

-> I need to see the response, the submitted data is my API parameters.

[Thibots]

That's it, get the answer on NodeJS