Я пытаюсь создать компонент "загрузчик изображений" (который в основном представляет собой изображение + заполнитель + скелет, который можно настроить несколькими способами).
До использования этого загрузчика изображений это был мой код:
<img src="../assets/logo.png" alt="Image description"/>
Путь lo go был преобразован в файл со случайным идентификатором:
/img/logo.d2151712.png
Новый способ из отображаемых изображений это:
<ImageLoader src="../assets/logo.png" width="144px" height="144px" alt="Image description" skeleton/>
Он работает с полными URL-изображениями, но не может загрузить stati c.
Я понимаю, что в конце первый пример каким-то образом использовал бы require(url) для получения фактического URL-адреса изображения, поэтому я добавил, и он снова начал работать.
<ImageLoader :src="require('@/assets/logo.png')" width="144px" height="144px" alt="Image description" skeleton/>
Итак, есть ли способ настроить страницу для получения правильного URL-адреса ресурса при использовании относительных путей например, при использовании Vue (без необходимости вручную добавлять require())?
Такое ощущение, что я делаю что-то не так.