Estoy usando Vue y las rutas de mi imagen no funcionan. He probado estas diferentes variaciones:
<figure class="workout-image"> <img :src= "images.bicep" width= "200px" length= "300px"> <figcaption>Bicep Curl</figcaption> </figure> <figure class="workout-image"> <img :src= "'https://thumbs.dreamstime.com/z/bench-press-exercise-chest-man-doing-workout-bench-press-exercise-chest-man-doing-workout-barbell-bodybuilder-157558597.jpg'" width= "200px" length= "300px"> <figcaption>Bench Press</figcaption> </figure> <figure class="workout-image"> <img v-bind:src= "'../assets/images/workouts/TricepExtension.png'" width= "200px" length= "300px"> <figcaption>Tricep Extension</figcaption> </figure>Tengo mis imágenes en mi carpeta src/assets y la ruta completa es src/assets/images/workouts. Siempre aparece un pequeño icono que no muestra la imagen. la imagen no aparece
edit: no pongo nada en la etiqueta
Suponiendo que tiene su carpeta de activos en su carpeta src , vue-loader debería cargarlos por usted, y puede acceder a ellos usando @/assets/rest/of/path .
<figure class="workout-image"> <img src="@/assets/images/workouts/TricepExtension.png" width= "200px" length= "300px"> <figcaption>Bicep Curl</figcaption> </figure>Consulte esta sección sobre el manejo de URL de activos de vue