提问者:小点点

react.js上img的正确路径


我有一些问题,我的图像在我的反应项目。事实上,我一直认为进入src属性的相对路径是建立在文件体系结构上的

这里是我的文件体系结构:

components
    file1.jsx
    file2.jsx
    file3.jsx
container
img
js 
... 

然而,我意识到路径是建立在URL上的。在我的一个组件(例如file1.jsx)中,我有以下内容:

localhost/details/2
<img src="../img/myImage.png" /> -> works

localhost/details/2/id
<img src="../img/myImage.png" /> -> doesn't work, images are not displayed

怎么可能解决这个问题呢?我希望在react-router处理的任何形式的路由中,所有图像都可以用相同的路径显示。


共1个答案

匿名用户

您使用的是相对url,它相对于当前url,而不是文件系统。您可以通过使用绝对URL来解决此问题

但当您部署到www.my-domain.bike或任何其他站点时,这就不太好了。最好使用相对于站点根目录的url