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
Es fehlt ein Film oder eine Serie? Logge dich ein zum Ergänzen.
Diesen Eintrag bewerten oder zu einer Liste hinzufügen?
Kein Mitglied?
Antwort von Travis Bell
am 12. Mai 2021 um 11:24
Is that the URL you are using? If so, you have a typo:
Would be what you're looking for, you mispelled
tmdb
.Antwort von journiem
am 12. Mai 2021 um 12:21
How embarrassing, that fixed it. Thank you for your help.