이번에는 401 에러가 뜹니다 .. ㅜ

Question

안녕하세요 선생님.. 알려주신대로 해도 안되네요 ㅜㅜ 오타낸게 없어보이는데 안되서 너무 답답한 상황입니다 빨리 진도 나가고 배우고 싶은데 ㅜㅜ (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;

John Ahn · Answer

안녕하세요! 우선 cors에러는 없어졌네요 현재 로그 보면 api_key가 같이 안 들어가서 에러가 나는데. env 파일에 환경변수 이름 뭐라고 하셨나요? REACT_APP_MOVIE_DB_API_KEY 이 부분. env 파일과 똑같이 넣어주셔서 요청 갈 때 api_key 같이 들어가는지 봐주세요 ~

dlgkstoa415 · Answer

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;

dlgkstoa415 · Answer

여기 임포트는 aixos react requests 다 했는데 임포트는 또 댓글 작성이 안되네요😇

dlgkstoa415 · Answer

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 (

) }

dlgkstoa415 · Answer

(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;

dlgkstoa415 · Answer