Ok, esto es lo que está pasando. Creé esta aplicación de lista de deseos de películas de terror como mi proyecto final para mi bootcamp y el MVP fue bien y obtuve mi certificación, pero como me gradué, quiero agregar un poco más de funcionalidad a esta aplicación. tipo de cosas que no pude hacer antes del final de las clases. Habiendo dicho eso, he creado una lista que mostrará las películas que usted marcó como amada en una página diferente. funcionando tan correctamente como creo que los necesito. Pero el gran problema es que el arte de la caja que tengo en mi backend (ruby) no se mostrará en la página. Lo he mirado durante tres días y me duele el cerebro usando la sintaxis que estoy usando en todas las otras páginas. allí pero no en esta página. Cualquier ayuda sería muy apreciada.

 '''<template> <div class="loved-it"> <section id="portfolio" class="portfolio"> <div class="container"> <div class="row portfolio-container"> <div class="col-lg-4 col-md-6 portfolio-item filter-app" v-for="lovedit in lovedits" v-bind:key="lovedit.id"> <div class="portfolio-wrap"> <img :src="`${lovedit.movie.box_art}`" v-bind:alt="movie.box_art" /> <br /> <div class="portfolio-info"> <div class="portfolio-links"></div> </div> </div> </div> </div> </div> </section> </div> </template> <script> import axios from "axios"; export default { data: function () { return { movie: [], lovedits: {}, }; }, created: function () { axios.get("/lovedits/").then((response) => { console.log("loved it", response); this.movie = response.data; }); },'''