404 image реагирует на соединение маршрутизатора с параметром

Question

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

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

Когда я пытаюсь получить изображение на странице, используя маршрут с параметром, он возвращает 404.Но когда я пытаюсь получить изображение с помощью:

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

Это работает правильно.Я пытался найти проблему, пытался сделать режим strict, но он возвращает ту же ошибку 404.

Браузер пытается найти файлы по этому маршруту:

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

Answer 1

Поскольку он работает на одном маршруте, но не на другом, это означает, что вы пытаетесь получить изображение относительно текущего URL.

Добавьте / в начале атрибута src элемента img, и он должен работать как положено.

От:

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

Кому:

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