Hi I'm having trouble rendering the backdrop_path and poster_path image in my application. The call returns 200 but when I try to display the image the return is with error 500.
It's the first time I'm using TMDB so any help is welcome. Thank you all.
Here is the call:
https://api.themoviedb.org/3/movie/550?api_key={my_api_key}&language=en-US
Callback:
{adult: false, backdrop_path: "/mMZRKb3NVo5ZeSPEIaNW9buLWQ0.jpg", belongs_to_collection: null,…}
I'm using Reactjs to build a menu page similar to that of Netflix. Please disregard indentation errors. My code:
<div className="container">
<div className="row">
{movies.map(item => (
<div className="" key={item.data.id}>
<p>{item.data.title}</p>
<img src={item.data.backdrop_path} alt={item.data.title} className="d-block w-100" />
</div>
))}
</div>
</div>
找不到电影或节目?登录并创建它吧。
Travis Bell 的回复
于 2019 年 06 月 20 日 4:37下午
Hi @ligiaas, that console error shows you trying to load the image from your localhost server, which I suspect is not what you want to be doing.
You can read the docs here, that describe how you can build a valid image URL.
For example.
ligiaas 的回复
于 2019 年 06 月 20 日 9:04下午
And how do I render the most popular movie images? Render listing images in general?
The sure thing would be to get the url from the movie and not from localhost, right?
ligiaas 的回复
于 2019 年 06 月 21 日 2:06下午