图像路径在反应组件 laravel 项目中不起作用答案

【问题标题】：Image path is not working in react components laravel project图像路径在反应组件 laravel 项目中不起作用
【发布时间】：2020-03-26 09:32:00
【问题描述】：

在我的 react 和 Laravel 项目中，图像没有显示在 react 组件中。我的图像位于 Laravel 的 public/img 文件夹中，我正在尝试在 resources/js/components/services.js 中访问这些图像这些方法我都试过了

 <img src="./img/front-end.png" alt="icons fron-end" />
<img src="{{asset('/img/front-end.png')}}" alt="icons fron-end" />
<img src={url('./img/front-end.png')} alt="icons fron-end" />
<img src="%PUBLIC_URL%/img/front-end.png" alt="icons fron-end" />
<img src={require('/img/front-end.png')} alt="icons fron-end" />

我也尝试过添加

 .setResourceRoot("/");
in webpack.mix.js and tried
<img src={process.env.PUBLIC_URL + '/img/front-end.png')} alt="icons fron-end" />

但不工作，我应该怎么做才能解决这个问题

【问题讨论】：

标签： javascript php reactjs laravel-6 laravel-7

【解决方案1】：

resources 和 public 文件夹在同一个文件夹中，所以从 services.js 到 img 文件夹的路径应该是这样的

./../../../public/img/image.png

【讨论】：

Farouk YD 我添加了一张图片，请看一下