@MikUrrey

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

Приветствую!
Есть картинка, которую нужно вывести в компонент:
<img class="map" v-if="form.address" src="screens/mages/map.png">

Проблема в том, что не удается заставить изображение подхватываться из одного источника одновременно в dev и в prod режиме.
Если указанный путь находится внутри папки public, то после сборки в prod ссылки на него формируются неправильно, сразу от домена, тогда как приложение лежит отдельной в папке.
Если путь внутри src/assets, то в режиме dev сервер "не видит" файл по каким-то причинам.
@/assets/screens/mages/map.png тоже не работает, не конвертируется в правильный путь.
Как быть?
  • Вопрос задан
  • 48 просмотров
Решения вопроса 1
kulakoff
@kulakoff Куратор тега Vue.js
Vue.js developing
Я бы вот сюда сходил: https://cli.vuejs.org/guide/html-and-static-assets... и в зависимости от потребностей выбрал один из вариантов.
Один из - положить файл прямо в public папку, допустим public/screens/mages/map.png, тогда по пути src="/screens/mages/map.png" файл должен быть доступен.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
18 июн. 2021, в 13:48
20000 руб./за проект
18 июн. 2021, в 13:47
5000 руб./за проект
18 июн. 2021, в 13:44
5000 руб./за проект