404 изображение реагирует на ссылку маршрутизатора dom с параметром
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.
Браузер пытается найти файлы по этому маршруту:
Я не могу понять, почему, когда я пытаюсь получить изображение на странице с абсолютным маршрутом, я получаю его, когда маршрутизирую относительно, он не возвращает изображение и возвращает мне 404, я хочу узнать, что мне делать менять или нельзя?
Как написан ваш тег img? Возможно, вам нужно добавить / в начале атрибута src.
img/slots/banner.jpg я пытаюсь получить его таким образом, вы имеете в виду передать его так /img/slots/banner.jpg ?
Да все верно. Попробуй это. Если у вас нет / в начале, он попытается получить его относительно вашего текущего URL-адреса, что может быть не тем, что вам нужно.
чувак, ты спас мой день)) спасибо тебе большое)
/img/slots/banner.jpg — работает
Ответы 1
Поскольку он работает на одном маршруте, но не на другом, это указывает на то, что вы пытаетесь получить изображение относительно текущего URL-адреса.
Добавьте / в начале атрибута src элемента img, и он должен работать как положено.
От:
<img src = "img/slots/banner.jpg" />
К:
<img src = "/img/slots/banner.jpg" />
Ваш вопрос не очень ясен. Не могли бы вы уточнить, что вы подразумеваете под «Когда я пытаюсь получить изображение на странице, используя маршрут с параметром»?