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 src="img/usr.jpg" alt="user">

用这个

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