Entonces, en mi directorio de activos tengo esta estructura

 assets/ tests/ @id_story1/ test1/ 1.png 2.png

Estoy usando json-server para falsificar una API de descanso y estoy usando axios para recuperar información sobre cada prueba, incluida la ruta de las imágenes (ejemplo refpath me dirige a la carpeta test1)

Ahora estoy tratando de recorrer la carpeta de activos de prueba y mostrar las imágenes de la prueba

Aquí está mi código hasta ahora: (esta página se representa dinámicamente después de que el usuario hace clic en una ruta dinámica)

 <template> <v-app> <app-navbar /> <v-main> <h3>test {{$route.params.name}}, {{$route.query.status}},{{$route.query.tag}}</h3> <h3>{{items[0].refpath}}</h3> </v-main> </v-app> </template> <script> import appNavbar from '../../../components/appNavbar.vue'; import axios from "axios"; export default { components : {appNavbar}, name: "App", data() { return { items: [], }; }, async created() { try { const res = await axios.get(`http://localhost:3004/tests`,{ params: {name:this.$route.params.name} }); this.items = res.data; } catch (error) { console.log(error); } }, }; </script> <style lang="scss" scoped> </style>

¿Cómo puedo recorrer las imágenes de la carpeta de activos y mostrarlas?