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.
Не вдалося знайти фільм або серіал? Увійдіть, щоб додати.
Хочете оцінити чи додати до списку?
Немає облікового запису?
Відповідь від Itachi13@12
23 липня 2024, 09:21
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