Hi, I am building a website but getting a CORS error from my local React app. How can I resolve this? I have a tight deadline to finish my assignment this weekend but because of this, I am not able to move forward. It is not working with or without this "Access-Control-Allow-Origin": "*", Can you please help me to resolve this issue as soon as possible? If possible I am attaching a screenshot or any other information you need.
const headers = {
Authorization: "bearer " + TMDB_TOKEN,
"Access-Control-Allow-Origin": "*",
accept: 'application/json',
};
Access to XMLHttpRequest at 'http://api.themoviedb.org/3/genre/movie/list' from origin 'http://localhost:3000' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.
Can't find a movie or TV show? Login to create it.
Want to rate or add this item to a list?
Not a member?
Reply by Itachi13@12
on July 23, 2024 at 9:21 AM
Hi, you don't need to use 'Access-Control-Allow-Origin' header. Just change the way of defining your headers : headers: { 'Accept': 'application/json', 'Content-Type': 'application/json', 'Authorization': 'Bearer ' + TMDB_TOKEN }, Heading should be put in '' like strings instead of being left as they are, it works for me