路由react路由器后，图像未加载/显示

Question

我已经使用react-router-dom很长时间了，但根本没有遇到这个问题，当我在"/"根地址时，导航条图像一切正常，但当我路由到/student/view/:id时，导航栏图像没有加载！

这是代码！！

主文件代码：

<Router>
<div className="App">
<Navbar />
<Switch>
<Route exact path="/" component={StudentCard} />
<Route exact path="/student/view/:id" component={StudentView} />
</Switch>
</div>
</Router>

导航栏文件代码：

<nav className="navbar navbar-expand-sm navbar-light bg-white">
<div className="container">
<Link className="navbar-brand" to="/">
<img src="assets/images/administrator.png" height="50px" alt="admin" />
</Link>

Answer 1

解决方案很简单，只需在图像链接的开头添加/即可：

只需更改<img src="assets/images/administrator.png"

至<img src="/assets/images/administrator.png"

原始答案由@GayatriDipali发布在评论中，我把它移到了答案部分，只是为了让它更可读