reactjs 无法使用图像源的相对路径

pcww981p 于 10个月前发布在 React

关注(0)|答案(1)|浏览(106)

出于某种原因，当我导入像这样的图像时，它工作正常

import picture from "../../../images/picture.jpeg";

return(
<img src={picture}/>
)

字符串
但是当我这样做的时候，我得到了一个小的图像未找到图标，

return(
<img src="../../../images/picture.jpeg"/>
)

型
我不知道为什么，因为相对路径是正确的

1条答案

看起来您使用的路径是相对于本地文件系统的。
1.确保“图像”文件夹是公开的
1.使用相对于服务器的路径

return(
  <img src="/images/picture.jpeg"/>
)

字符串
或

return(
  <img src="images/picture.jpeg"/>
)

型