未获取 create-react-app 上传的图像答案

【问题标题】：create-react-app uploaded images are not fetched未获取 create-react-app 上传的图像
【发布时间】：2019-05-10 19:43:19
【问题描述】：

我在创建 React 应用程序时遇到图像问题，我无法使用“webpack 导入”方式来包含图像，因为我正在上传它们，然后我想显示它们。

我的img代码很简单

<img src={file.path} alt={title}/>

渲染为：

<img src="/public/cdn/files/offer_photo/a70318372a62066c492b4ebdd34491af8bd9bb15.jpg" alt="rez5d9e85_id20150826_036" class="MuiGridListTile-imgFullHeight-620">

根据开发中的docs，我应该使用/public 文件夹让webpack 服务器为其提供服务。不过好像没有

文件就位
我尝试添加process.env.PUBLIC_URL 前缀来动态添加img src ..没有帮助。

提前感谢您对如何解决此问题的任何建议。

【问题讨论】：

什么是file.path？您是否在package.json 中设置了homepage 或使用PUBLIC_URL 环境变量？在您的first revision 中，您在请求图像时似乎获得了 200。当您查看响应时，图像在那里吗？

标签： reactjs image webpack create-react-app

【解决方案1】：

您是否尝试将图像的导入分配给变量？例子

const image = require ('path to image')
and then:
<img src={image} />

【讨论】：

正如我在问题中所说，我不能要求文件，因为我正在上传它们然后显示它们（图像）..所以我事先没有文件