VueJs cant access assets folder for images

Question

I am trying to display an image on my slider which i have on assets folder but i cant do it.

My folder Structure is like this

My code looks like this

home.vue <img src="../images/firstslide.png"/>

The file is compiled i think also the image:

"images/firstslide.png?b20d27e52e45509537b8713af8b92eed 423 KiB [emitted]"

But the image itself its now showing.

if you are using vue cli the asset path <img src="./image.png"> — jual ahmed
– jual ahmed, Commented Apr 3, 2020 at 12:25
Im using laravel yeah, no vue-cli or nuxt tried also ./image.png that doesnt work too — Albion
– Albion, Commented Apr 3, 2020 at 12:28
if it's laravel keep asset at laravel public folder then give path like this <img src="/image.png" alt=""> — jual ahmed
– jual ahmed, Commented Apr 3, 2020 at 12:41

orhon · Accepted Answer · 2020-04-03 12:19:13Z

Have you tried using require like this:

 <img :src="require('../images/firstslide.png')"/>

1 Answer 1