Изображение исчезает после маршрутизации в приложении
У меня проблема, которую, вероятно, нелегко диагностировать, поэтому я собираюсь описать общую проблему, с которой я столкнулся.
Я использую внешний маршрутизатор (page.js) для обхода моего приложения. По сути, всякий раз, когда я куда-то направляюсь, я показываю компоненты, которые должны быть показаны для этого маршрута. Проблема, с которой я сталкиваюсь, заключается в том, что, когда я направляюсь к определенному маршруту, а затем возвращаюсь туда, где я был раньше (например, нажав кнопку "домой" и возвращаясь на домашнюю страницу), мои изображения больше не отображаются в соответствующих компоненты. Вот пример:
Прежде чем я уйду с моей домашней страницы, у меня есть это изображение (svg), показывающее: 
Затем я направляюсь в другой вид / компонент и возвращаюсь обратно. Теперь мое изображение отсутствует: 
После проверки инструментов разработчика:
Ясно, что ресурс присутствует, но не отображается.
То же самое происходит с другими изображениями, которые должны отображаться в компоненте (ах), которые отображаются с этим маршрутом.
Чтобы проверить это, я сохранил один компонент, вместо того чтобы скрывать его при маршрутизации от текущего представления, и, конечно же, изображение все еще показывалось при маршрутизации назад к исходному представлению, которое содержало его и другие компоненты. Изображения в других компонентах все еще отсутствовали.
Опять же, я не знаю, к чему может относиться эта проблема, поэтому я надеюсь получить некоторые общие рекомендации относительно того, в чем может быть проблема.
Обновление Эта проблема также возникает при использовании кнопки "Назад". Возможно, это связано с историей государства?
1 ответ
Не зная точно, почему возникла эта проблема, я смог решить эту проблему с помощью page.js в режиме hashbang. Т.е. я отключил hashbang в маршрутизации, и это вызвало проблемы с поиском общедоступных ресурсов в popstate.