javascriptvue.jswebpackvuejs2vue-cli

Image load failed src: undefined../assets/gov_logo.jpg

I'm trying to load images from the assets folder, but it's not working:

enter image description here

I tried the following things. Please help me.

<img src="@/assets/logo.jpg" />
<img src="../src/assets/logo.png" alt="Smiley face" height="42" width="42">
<v-img :src="__static + 'assets/logo.png'"></v-img>
<v-img src="./src/assets/logo.png"></v-img>
<v-img :src="__dirname + '/src/assets/logo.png'"></v-img>
<v-img :src="__static + '../assets/gov_logo.jpg'"></v-img>

enter image description here

Solution

  • You could do 

    <img src="@/assets/logo.png" />

    OR

    <img :src="require('@/assets/logo.png')" />

    Your first try would have worked but you used .jpg instead of .png.