The Movie Database Support

For context, I am following the Clever Programming React.js tutorial for the Netflix clone. When I try to load images for the movies, the images do not load and opening the console reveals "ERR_SSL_PROTOCOL_ERROR". This happens for every image I attempt to load so I don't think it has to do with images being removed from the site. Here's my code:

const base_url = "https://image.tmbd.org/t/p/original";

const [movies, setMovies] = useState([]);
useEffect(() => {
        async function fetchData(){
            const request = await axios.get(fetchUrl); 
            setMovies(request.data.results);
            console.log(request.data.results);
            return request;
        }
        fetchData();
    }, [fetchUrl]);

I try to set the img src of each movie to the base_url concatenated with the movie poster path from request.data.results. I would put the code here but I can't do it without causing an error on this site.

I've also tried changing the base_url so that it starts with "http" instead of "https" but that just returned an empty response error. Any help is appreciated!

EDIT: I cannot post my complete code because every time I try I get an error from this site saying "There was a problem" with no further information. Would be nice to know what is causing this vague problem so that I can properly explain my issue.

EDIT 2: Here is a link to my code on pastebin since I cannot post it here for whatever reason

2 replies (on page 1 of 1)

Jump to last post

@journiem said:

const base_url = "https://image.tmbd.org/t/p/original";

Is that the URL you are using? If so, you have a typo:

const base_url = "https://image.tmdb.org/t/p/original";

Would be what you're looking for, you mispelled tmdb.

man_facepalming_tone4 How embarrassing, that fixed it. Thank you for your help.

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