gpt4 book ai didi

reactjs - 来自 Laravel-mix(Reactjs 和 Laravel)中组件的未解析图像路径

转载 作者:行者123 更新时间:2023-12-01 21:57:58 28 4
gpt4 key购买 nike

我在 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" />

希望对你有帮助

关于reactjs - 来自 Laravel-mix(Reactjs 和 Laravel)中组件的未解析图像路径,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55399880/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com