Laravel-mix（Reactjs＆Laravel）中组件的未解析图像路径

Question

我在Laravel（Laravel-mix）中使用reactjs。我的图片在storage / app / public / images / slider-girl.png中，并在

上引用了它

 <img src="{require('/images/slider-girl.png')}" />

但不显示图像。

但是，我尝试将图像放在资源和公用文件夹中，但得到的响应是相同的。我尝试了在这里找到的选项，但是似乎没有任何效果。

<img src={url('storage/app/public/images/slider-girl.png')} />

<img src="{require('/images/slider-girl.png')}" />

我希望图像显示出来。

Answer 1

转到您的webpack.mix.js，添加

.setResourceRoot("/");

如下所示

mix.react('resources/js/app.js', 'public/js')
   .sass('resources/sass/app.scss', 'public/css')
   **.setResourceRoot("/");**

然后按如下所示引用它：

<img src="/images/slider-girl.png" />

我希望对您有帮助