图片加载失败 src: undefined../assets/gov_logo.jpg

Question

我正在尝试从 assets 文件夹加载图像，但它不起作用：

我尝试了以下方法。请帮助我。

<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>

Answer 1

你可以做到

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

或

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

您的第一次尝试会奏效，但您使用了 .jpg 而不是 .png。