Изображение боковой панели исчезает при перезагрузке страницы Laravel

Question

Я использую vue-router для навигации между меню и выполнения некоторого запроса с помощью axios.Всякий раз, когда страница перезагружается, изображение на боковой панели исчезает.Я не уверен, что вызывает это.Заранее спасибо.

ДО

ПОСЛЕ перезагрузки

<aside class="main-sidebar elevation-4" style="background-color:#F4F6F9"> 
<a href="#" class="brand-link">
  <img src="./img/logo.png"  class="brand-image img-thumbnail elevation-3">
  <img src="./img/uthm.png"  class="brand-image img-thumbnail elevation-3">
       <br>
</a> 
</aside>

Answer 1

Можете ли вы дать нам более подробную информацию. Я буду участвовать в этом с моим предложением, если вы используете vue-router и когда вы перезагрузите страницу, изменилась ли ссылка, я точно знаю, что это ваша проблема Например, когда вы перезагрузите этот URL (https://127.0.0.1/test/), он будет (https://127.0.0.1/test/#/), изменится путь, с которого вы загружаете свои изображения), поэтому вам нужно настроить в этом файл app.js путь (resources \ assets \ js), и вам нужно добавить эту строку в ваш маршрут.

const router = new VueRouter({
    mode:'history',
  routes 

})

если вы сделаете это, то URL будет таким, как вы перезагрузите страницу.

Answer 2

Ваша перезагрузка может повысить уровень вашего сайта, и ваши ссылки на изображения теперь становятся недействительными.

например.

http://www.example.com/page1

# Works fine so far
../path/to/image.jpg

при перезагрузке:

http://www.example.com/page1/page2

# Your image link now needs to revert back one level
../../path/to/image.jpg

У меня была похожая проблема, когда моя страница индекса работала нормально, но как только я зашел в каталог, он вышел из строя, я понял, что мне нужен лучший способ назначить img src

Обновление Мое исправление состояло в том, чтобы использовать встроенную команду в laravel, которая давала корневой путь к файлу. Возможно, вам придется выяснить, имеет ли Vue аналогичную функцию, чтобы всегда направлять в корневую папку, где бы вы ни находились.

Быстрое решение - указать полный путь к каталогу

# instead of the relative path
../path/to/image.com

# Try
http://example.com/root/path/to/image.jpg

# or if offline

http://127.0.0.1/root/path/to/image.jpg