The Movie Database 지원

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 댓글 (1 / 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.

찾으시는 영화나 TV 프로그램이 없나요? 로그인 하셔서 직접 만들어주세요.

전체

s 검색 바 띄우기
p 프로필 메뉴 열기
esc 열린 창 닫기
? 키보드 단축키 창 열기

미디어 페이지

b 돌아가기
e 편집 페이지로 이동

TV 시즌 페이지

(우 화살표) 다음 시즌으로 가기
(좌 화살표) 이전 시즌으로 가기

TV 에피소드 페이지

(우 화살표) 다음 에피소드로 가기
(좌 화살표) 이전 에피소드로 가기

모든 이미지 페이지

a 이미지 추가 창 열기

모든 편집 페이지

t 번역 선택 열기
ctrl+ s 항목 저장

토론 페이지

n 새 토론 만들기
w 보기 상태
p 공개/비공개 전환
c 열기/닫기 전환
a 활동 열기
r 댓글에 글쓰기
l 마지막 댓글로 가기
ctrl+ enter 회원님의 메세지 제출
(우 화살표) 다음 페이지
(좌 화살표) 이전 페이지

설정

Want to rate or add this item to a list?

로그인