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
Can't find a movie or TV show? Login to create it.
Want to rate or add this item to a list?
Not a member?
Reply by Travis Bell
on May 12, 2021 at 11:24 AM
Is that the URL you are using? If so, you have a typo:
Would be what you're looking for, you mispelled
tmdb
.Reply by journiem
on May 12, 2021 at 12:21 PM
How embarrassing, that fixed it. Thank you for your help.