인프런 커뮤니티 질문&답변
작성한 질문수
이번에는 401 에러가 뜹니다 .. ㅜ
작성
·
1.1K
0
안녕하세요 선생님.. 알려주신대로 해도 안되네요 ㅜㅜ 오타낸게 없어보이는데 안되서 너무 답답한 상황입니다 빨리 진도 나가고 배우고 싶은데 ㅜㅜ
(axios.js)
import axios from "axios";
const instance = axios.create({
baseURL: "https://api.themoviedb.org/3",
params: {
api_key: process.env.REACT_APP_MOVIE_DB_API_KEY,
language: "ko-KR",
},
});
export default instance;답변 6
0
John Ahn
지식공유자
안녕하세요!
우선 cors에러는 없어졌네요
현재 로그 보면 api_key가 같이 안 들어가서 에러가 나는데. env 파일에
환경변수 이름 뭐라고 하셨나요?
REACT_APP_MOVIE_DB_API_KEY
이 부분. env 파일과 똑같이 넣어주셔서
요청 갈 때 api_key 같이 들어가는지 봐주세요 ~
dlgkstoa415
질문자
선생님 안녕하세요 ! 구글링을 해봤는데 root 폴더에 .env << 이름의 파일을 만들고
REACT_APP_MOVIE_DB_API_KEY = "발급받은API키"
이렇게 설정하니 제대로 되네요 !
기쁜 순간이긴 했지만 요 부분 때문에 시간을 너무 잡아먹은 느낌입니다 ㅜㅜ
0
dlgkstoa415
질문자
const requests = {
fetchNowPlaying: "movie/now_playing",
fetchNetflixOriginals: "/discover/tv?with_networks=213",
fetchTrending: "/trending/all/week",
fetchTopRated: "/movie/top_rated",
fetchActionMovies:"/discover/movie?with_genres=28",
fetchComedyMovies:"/discover/movie?with_genres=35",
fetchHorrorMovies:"/discover/movie?with_genres=27",
fetchRomanceMovies:"/discover/movie?with_genres=10749",
fetchDocumentaries:"/discover/movie?with_genres=99",
}
export default requests;0
0
dlgkstoa415
질문자
export default function Banner() {
const [movie, setMovie] = useState([]);
useEffect(() => {
fetchData();
}, []);
const fetchData = async () => {
// 현재 상영중인 영화 정보를 가져오기(여러 영화)
const request = await axios.get(requests.fetchNowPlaying);
console.log(request)
// 여러 영화 중 영화 하나의 ID를 가져오기
}
return (
<div></div>
)
}0
dlgkstoa415
질문자
(requests.js)
const requests = {
fetchNowPlaying: "movie/now_playing",
fetchNetflixOriginals: "/discover/tv?with_networks=213",
fetchTrending: "/trending/all/week",
fetchTopRated: "/movie/top_rated",
fetchActionMovies:"/discover/movie?with_genres=28",
fetchComedyMovies:"/discover/movie?with_genres=35",
fetchHorrorMovies:"/discover/movie?with_genres=27",
fetchRomanceMovies:"/discover/movie?with_genres=10749",
fetchDocumentaries:"/discover/movie?with_genres=99",
}
export default requests;0
좀 더 풀어서 설명해주실 수 있을까요??
.env 파일을 src 폴더 안에 생성해서 환경변수를 설정해주셔야 한다는 말씀일까요??
저는 주신 구글 드라이브 자료 안보고 강의 따라가면서 진행했는데 혹시 교안을 봐야할까요??