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

问题描述

我有一个 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"/>

但它们都不起作用...

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

解决方法

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

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

然后你需要在你的javascript代码中导入你的图片

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