Fetching images with 0 results in app, normal in browser

Sprijin Bază de date filme (The Movie Database)

Sprijin → Sprijin API

postat de către tmdb96162094
STAFFMOD
pe data de 28 noiembrie 2024 la ora 3:52 AM

So I'm trying to fetch this end-point /tv/tv_id/images

in browser, https://api.themoviedb.org/3/tv/125988/images?api_key=### everything is fine, no problem at all. it gave me the backdrops, logos and more.

but in my app it returned status 200, everything is fine. but the result is weird.

It returned, backdrops: 0; id: 125988; logo: 0;

below is my code, other endpoint such as the Trending, movie details is fine, just this one. so I'm stuck, i thought this was caused by limiter, do some throttling so my app can only call 3 api per second, same.

import axios from "axios";
import { useEffect, useState } from "react";

const useTMDB = (request = "/trending/movie/day") => {
  // Data State
  const [data, setData] = useState(null);
  const [error, setError] = useState(false);
  const [loading, setLoading] = useState(true);

  // Request Options
  const options = {
    method: "GET",
    url: `https://api.themoviedb.org/3${request}`,
    params: { language: "en-US" },
    headers: {
      accept: "application/json",
      Authorization:
        "Bearer ###",
    },
  };

  // Caller Function
  useEffect(() => {
    const fetchData = async () => {
      try {
        const response = await axios.request(options);
        setData(response.data);
      } catch (error) {
        setError(error);
      } finally {
        setLoading(false);
      }
    };

    // Launch the Caller function
    fetchData();
  }, [request]);

  return { data: data, loading: loading, error: error };
};

export default useTMDB;

4 răspunsuri (pe pagina 1 din 1)

• Jump to last post

Răspuns de tmdb96162094

STAFFMOD

pe data de 28 noiembrie 2024 la ora 3:55 AM

https://postimg.cc/CZZh1fDQ

Răspuns de tmdb96162094

STAFFMOD

pe data de 28 noiembrie 2024 la ora 4:22 AM

if I do it like this

 useEffect(() => {
    const getLogo = async () => {
      fetch(url)
        .then((res) => res.json())
        .then((data) => {
          setLogoPath(
            `https://image.tmdb.org/t/p/w500${data?.logos[0]?.file_path}`
          );
        });
    };

    getLogo();
  }, []);

it returned the result with their arrays and object perfectly, i still not understand the problem lol

t🇧

Răspuns de ticao2 🇧🇷 pt-BR

STAFFMOD

pe data de 28 noiembrie 2024 la ora 4:06 PM

@kazuhira_miller said:
Fetching images with 0 results in app, normal in browser
So I'm trying to fetch this end-point /tv/tv_id/images

in browser, https://api.themoviedb.org/3/tv/125988/images?api_key=###
everything is fine, no problem at all. it gave me the backdrops, logos and more.

but in my app it returned status 200, everything is fine.
but the result is weird.

It returned,
backdrops: 0;
id: 125988;
logo: 0;

What we need to know is:
What is the API Request that your code is making?
Which one is sent to the TMDb server?
I'm not a programmer, so I can't figure out your code.

A guess from me.
Your API Request that is sending and receiving this incorrect response probably has "&language='" specified.
If it is specified, please tell us what the parameter specified in "&language="' is.
And, if it is specified, you need to ALSO use the "&include_image_language=" parameter specifying one or more languages of images that you want to receive.

Răspuns de tmdb96162094

STAFFMOD

pe data de 28 noiembrie 2024 la ora 9:06 PM

Yeah it's the params, my mistake.

I try to filter it like this

params: { language: "en-US" },

while it should be like this

params: {include_image_language: 'en'},

should've gone through the document more carefully.

Utilizatori în această discuție

Categorii

Sprijin Bază de date filme (The Movie Database)