React 组件无法加载图像？

Question

我正在使用加载包含图像的用户配置文件的反应组件，但是当我在不同页面中使用该组件时，图像无法正确加载。

<img src="img/usr.jpg" alt="user">

当我查看“检查”时

in the '/' page the image url is '/img/usr.jpg'

在搜索页面

the image url is "/search/img/usr.jpg"

无论页面如何，我都想保持图像 url 相同。

Answer 1

您正在使用相对路径，它将在当前 url 中查找图像要使用绝对路径前缀，请使用 '/'所以而不是这个<img&nbsp;src="img/usr.jpg"&nbsp;alt="user">用这个<img&nbsp;src="/img/usr.jpg"&nbsp;alt="user">