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.
Kan du inte hitta en film eller tv-serie? Logga in för att skapa den.
Vill du betygsätta denna artikel eller lägga till den i en lista?
Inte medlem?
Svar från Itachi13@12
den 23 juli 2024 vid 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