The Movie Database Support

I am getting a CORS error when attemtping to GET an image from the image API: localhost/:1 Access to XMLHttpRequest at 'https://image.tmdb.org/t/p/w500/' from origin 'http://localhost:3000' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: It does not have HTTP ok status.

This does not happen when making requests to https://api.themoviedb.org/3/discover/moviefor movie title, description etc.

This is my axios instance, I am using the same setup with a different url for the working API call, what gives?

export const imageAPI = axios.create({
  baseURL: "https://image.tmdb.org/t/p/w500",
  headers: {
    Accept: "application/json",
    Authorization: `Bearer ${readAccessToken}`,
  },
});

Thanks in advance!

Can't find a movie or TV show? Login to create it.

Global

s focus the search bar
p open profile menu
esc close an open window
? open keyboard shortcut window

On media pages

b go back (or to parent when applicable)
e go to edit page

On TV season pages

(right arrow) go to next season
(left arrow) go to previous season

On TV episode pages

(right arrow) go to next episode
(left arrow) go to previous episode

On all image pages

a open add image window

On all edit pages

t open translation selector
ctrl+ s submit form

On discussion pages

n create new discussion
w toggle watching status
p toggle public/private
c toggle close/open
a open activity
r reply to discussion
l go to last reply
ctrl+ enter submit your message
(right arrow) next page
(left arrow) previous page

Settings

Want to rate or add this item to a list?

Login