Изображения, не найденные во время навигации (приложение React)

#node.js #reactjs

Вопрос:

Я новичок в React, и у меня есть проблема с моей программой, которую я не понимаю :

Мой проект выполнен с помощью React, NodeJS и MongoDB.

Когда я начинаю свой проект (фронт и сервер), фронт в порядке, проблем нет. Затем, когда я перемещаюсь, некоторые изображения начинают (случайным образом) получать проблемы и не отображаются (они отображаются не со всеми изображениями).

Это сообщение об ошибке, которое я получаю :

 GET http://localhost:8082/static/media/thelogo.5243a60a.png 404 (Not Found)
 

Все мои изображения работали нормально, а потом начали выходить из строя. Я заметил, что все работает нормально, когда мой сервер выключен. Проблема началась, когда я начал использовать Axios (я не знаю, связано ли это, я думаю, это связано с тем, что я также использую свой сервер)

Мои изображения находятся в папке внутри «src» (они не находятся в папке «общедоступные»).

Если я помещу изображение в «общедоступную» папку, то у меня возникнут две возможные ошибки :

Если я напишу «./logo.png», у меня будет это

Если я напишу «../../public/logo.png», у меня будет это

Спасибо за вашу помощь, надеюсь, я правильно объяснил свою проблему.

Когда я перемещаюсь в своем приложении и изображение начинает работать

Что я вижу в консоли

Я также заметил, что если я обновлю страницу, у меня будет эта пустая страница :

если я обновлю страницу