404 图像反应路由器 dom link 带参数

Question

  import { Route } from 'react-router-dom'

  <PageRoute exact page={GamesPage} path='/games/:type' config={config} />

当我尝试使用带有参数的路由在页面上获取图像时，它 returns 404 。但是当我尝试使用 :

获取图像时

 <PageRoute exact page={GamesPage} path='/games' config={config} />

它工作正常。我试图找到问题，尝试执行 strict 模式，但它 return 相同的 404 错误。

浏览器尝试通过此路径查找文件：

http://localhost:8080/games/img/slots/banner.jpg

Answer 1

由于它在一条路线上有效但在另一条路线上无效，这表明您正在尝试获取相对于当前 URL 的图像。

在 img 元素的 src 属性的开头添加一个 /，它应该会按预期工作。

发件人：

<img src="img/slots/banner.jpg" />

收件人：

<img src="/img/slots/banner.jpg" />

404 image react router dom link with parameter