laravel - 不能使用本地图像作为 src laravel-mix vuejs

Question

我有一个 Vue 组件位于resources/js/modules/MyComponent.vue其中和内部，我正在尝试使用本地图像作为src标记img，并且图像位于public/assets/myproj/image/myimage.png.

我尝试过使用以下内容：

<img src="@/assets/myproj/image/myimage.png"/>
<img src="require('assets/myproj/image/myimage.png')"/>
<img src="../../../public/assets/myproj/image/myimage.png"/>
<img src="/assets/myproj/image/myimage.png"/>

但他们都没有工作......

我知道这是一个直截了当的问题，但我希望有人能帮助我，因为我一直试图找到答案近一个小时，但我仍然无法弄清楚。

Answer 1

如果你想在 javascript 中使用它，你可以这样做

<img :src='getImage(name)'/>

那么你需要在你的javascript代码中导入你的图片

getImage(name){
 return require(`@/assets/myproj/${name}`);
}