Hi,
So i build an app with react for display a list of movie when the user land on the homepage by using a request to the discovery API and as in the subject i get an error 401 when i land on my homepage i deploy the website by usign at first netlify and now by using the gthub homepage but the result is the same.
i setup the API_KEY in a env.local for the production and perform the change for the build but i still get this error so i think i should test the most basic and direct way to get the request by insert the apikey directly inside the axios request and still i got this error.
this is my first request
useEffect(() => {
setLoading();
const fetchMovies = async () => {
const res = await axios.get(`https://api.themoviedb.org/3/discover/movie?api_key=${process.env.REACT_APP_TMDB_API_KEY}&language=fr-FR&sort_by=popularity.desc&include_adult=false&include_video=false&page=1`);
dispatch({
type: INITIAL_LIST_OF_MOVIES,
payload: res.data.results
});
};
fetchMovies();
}, []);
as i said i change the process.env.REACT_APP_TMDB_API_KEY
to simply TMBD_API_KEY after pass in into a condition for check if the env is in production i even just simply put my API_KEY "59c76c5b****************" for check if even that would work but nothing.
i hope i gave you enough information for help me in the process of fixing that its the first time i use an API and react so everything is new ;)
فیلم و نمایش تلویزیونی را نمیتوانید پیدا کنید؟ به سیستم وارد شوید تا آن را ایجاد کنید.
آیا میخواهید به این مورد امتیاز دهید یا به فهرست اضافه کنید؟
عضو نیستید؟
پاسخ توسط Travis Bell
در تاریخ ژوئیه 12, 2019 ساعت 1:11 ق.ض
Hi @silverGraphik,
Unless someone familiar with React stops by and sees this, this forum is probably not going to be the best place to get React help. All I can say is that your API key, and request are working fine. When I replace your API key with this query, it works properly:
The best thing I can suggest is to head over to and ask over there. It's a lot more suited to programming related questions.
پاسخ توسط silverGraphik
در تاریخ اکتبر 4, 2019 ساعت 7:25 ق.ض
Thanks Travis i find the solution and its look like when i deploy the website on heroku or netlify for the variable
process.env.REACT_APP_TMDB_API_KEY
whos contain the api key is not read when i call the api from the platform where is stored the data i just replace the variable with the key until i can understand how to deal with that issue