Despite adding the 'Access-Control-Allow-Origin': '*' header to my Axios request, I am still encountering the same error.
When trying to access 'http://backendUrlEndPoint' from origin 'https://frontendURL', the CORS policy blocks the request: The preflight response does not satisfy the access control check because there is no 'Access-Control-Allow-Origin' header present on the requested resource.
I have implemented cors as my middleware in the express server.
const cors = require("cors");
app.use(cors());
I am utilizing Axios for making API calls
const onClickHandler = async (e) => {
e.preventDefault();
try {
const res = await axios.post("http://backendUrlEndPoint", userDetails, {
headers: {
"Content-Type": "application/json",
"Access-Control-Allow-Origin": "*",
},
});
console.log(res);
} catch (err) {
console.log(err);
}
};