diff --git a/frontend/src/views/MoviePage.vue b/frontend/src/views/MoviePage.vue index 711c97650045d987bcc50405863089e64e8127d1..e8d2e1e16eb3a1b2cd257b448547dfc43748a026 100644 --- a/frontend/src/views/MoviePage.vue +++ b/frontend/src/views/MoviePage.vue @@ -1,22 +1,16 @@ <template> <div class="home"> <h1>Bienvenue sur la page film</h1> - <img class="logo" alt="Vue logo" src="../assets/logo.png" /> - <br /> - <input type="text" v-model="moviename" placeholder="enter a movie name" /> - <div class="film-name">Le film est : {{ moviename }}</div> - <li v-for="movie in movies" :key="movie.id"> - <p class="movie-title"> - {{ movie.title }} - </p> - <p> - <img - :src="'https://image.tmdb.org/t/p/original/' + movie.poster_path" - withd="100" - height="300" - /> - </p> - </li> + <p class="movie-title"> + {{ moviesInfos.title }} + </p> + <p> + <img + :src="'https://image.tmdb.org/t/p/original/' + moviesInfos.poster_path" + withd="100" + height="300" + /> + </p> </div> </template> @@ -37,9 +31,12 @@ export default { try { // Do something if call succeeded const response = await axios.get( - backendURL + "/movie/id/" + this.movieId + backendURL + "/movies/movie/id/" + this.movieId ); - await (this.moviesInfos = response); + console.log("ok"); + console.log(response.data); + await (this.moviesInfos = response.data); + console.log("yo"); console.log(this.moviesInfos); } catch (error) { // Do something if call failed