Vue2 + img src: как правильно подхватить изображение?

Question

[MikUrrey]

Приветствую!
Есть картинка, которую нужно вывести в компонент:

<img class="map" v-if="form.address" src="screens/mages/map.png">

Проблема в том, что не удается заставить изображение подхватываться из одного источника одновременно в dev и в prod режиме.
Если указанный путь находится внутри папки public, то после сборки в prod ссылки на него формируются неправильно, сразу от домена, тогда как приложение лежит отдельной в папке.
Если путь внутри src/assets, то в режиме dev сервер "не видит" файл по каким-то причинам.
@/assets/screens/mages/map.png тоже не работает, не конвертируется в правильный путь.
Как быть?

Answer 1

[Evgeny Kulakov]

Я бы вот сюда сходил: https://cli.vuejs.org/guide/html-and-static-assets... и в зависимости от потребностей выбрал один из вариантов.
Один из - положить файл прямо в public папку, допустим public/screens/mages/map.png, тогда по пути src="/screens/mages/map.png" файл должен быть доступен.

Comments

[MikUrrey]

Причина в том, что я допустил в пути опечатку - mages вместо images, из-за этого получал This dependency was not found, когда, как положено, размещал картинку в @/assets/screens/images/. Элементарный тупизм, короче :))))
Но по вашей ссылке нашел то, на что раньше не обращал внимания. Получается, всё равно помогли, спасибо!