我在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')}" />
我希望显示图像。
转到你的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" />
我希望它有所帮助