Axios cors error when post

Follow

Victor

• January 19, 2022 01:09

 I am. trying to upload a image to my unsign preset using axios post request on my react app. I am getting CORS error. Any advice and help is appreciated

 const img = event.target.files[0];

 const data = new FormData();

 data.append("file", img);

 data.append("upload_preset", "SECRET_PRESET");

await axios

.post("https://api.cloudinary.com/v1_1/CLOUDNAME/image/upload/", data)

.then((res) => {

console.log("response");

console.log(res);

})

.catch((err) => console.log(err));

 The error i get back is 

Access to XMLHttpRequest at 'https://api.cloudinary.com/v1_1/CLOUDNAME/image/upload/' from origin 'http://localhost:3000' has been blocked by CORS policy: Request header field x-access-token is not allowed by Access-Control-Allow-Headers in preflight response.

0

• 

  Eric Pasos

  • January 20, 2022 01:35

  Hi Victor,

  This could be related to the Axios where you will need to create an instance without the interceptors as described in this link.

  Hope this helps.

  0

  Comment actions Permalink

Please sign in to leave a comment.