我最近开始使用React。
我有ReactJS前端和ASP.NET后端的项目。
我在我的数据库中保存图像的路径。在React脚本中,我想得到它们。
我的应用程序从“Index.html”开始。我的照片位于“PizzaPhotos”文件夹。
下面是我的项目树:
以下是我的获取信息(包括图像):
如果我只使用“img src="”,它就可以正常工作:
我使用的照片路径是:“../src/PizzaPhotos/image.jpg”
如果不成功,我得到的就是:浏览器中的[x]
。
也许解决办法很简单,但此时此刻我自己做不到。
2条答案
按热度按时间j2qf4p5b1#
它们应该是您存储图像的
public
文件夹的路径。根据您的配置,公用文件夹是提供给浏览器的文件夹。2ic8powd2#
具体来说,您应该将图像放在
/public
文件夹中,然后使用process.env.PUBLIC_URL
变量引用该文件夹。React不推荐这种方法(与使用import语句相比),但注意到有合法的用例。更多信息:https://facebook.github.io/create-react-app/docs/using-the-public-folder