Как просмотреть изображение с помощью Vue JS

Я хочу просмотреть изображение, но оно не отображается, отображается только замещающий текст. Я успешно вставил изображение и сохранил его в общей папке. Я создал папки изображений внутри папки, в которой хочу сохранить изображение. Вот что я пробовал:

Форма изображения:

<td>
    <img :src = "getImageUrl(product.photo)" alt = "Product Image" width = "100">
</td>

js

getImageUrl(photo) {
    return photo ? `/images/${photo}` : '/images/default.jpg';
},

Проверьте это console.info(photo ? /images/${photo}: '/images/default.jpg');, чтобы убедиться, что URL-адреса генерируются должным образом.

Subha 16.07.2024 14:53
Стоит ли изучать PHP в 2026-2027 годах?
Стоит ли изучать PHP в 2026-2027 годах?
Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...
Оживление вашего приложения Laravel: Понимание режима обслуживания
Оживление вашего приложения Laravel: Понимание режима обслуживания
Здравствуйте, разработчики! В сегодняшней статье мы рассмотрим важный аспект управления приложениями, который часто упускается из виду в суете...
Коллекции в Laravel более простым способом
Коллекции в Laravel более простым способом
Привет, читатели, сегодня мы узнаем о коллекциях. В Laravel коллекции - это способ манипулировать массивами и играть с массивами данных. Благодаря...
Поиск нового уровня в Laravel с помощью MeiliSearch и Scout
Поиск нового уровня в Laravel с помощью MeiliSearch и Scout
Laravel Scout - это популярный пакет, который предоставляет простой и удобный способ добавить полнотекстовый поиск в ваше приложение Laravel. Он...
Освоение архитектуры микросервисов с Laravel: Лучшие практики, преимущества и советы для разработчиков
Освоение архитектуры микросервисов с Laravel: Лучшие практики, преимущества и советы для разработчиков
В последние годы архитектура микросервисов приобрела популярность как способ построения масштабируемых и гибких приложений. Laravel , популярный PHP...
Как построить CRUD-приложение в Laravel
Как построить CRUD-приложение в Laravel
Laravel - это популярный PHP-фреймворк, который позволяет быстро и легко создавать веб-приложения. Одной из наиболее распространенных задач в...
1
1
53
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Где находится ваше фото? Он должен находиться в общей папке. Тогда вы можете использовать вот так. Пожалуйста, попробуйте один раз, а если у вас возникнут еще проблемы, не стесняйтесь спрашивать меня.

Другие вопросы по теме

Похожие вопросы

Сервисы Laravel, следует ли нам внедрять классы моделей или просто использовать их при импорте?
Докер-контейнер MySQL завис при перезагрузке
Ошибка: 1826 Повторяющееся имя ограничения внешнего ключа «id»
Я продолжаю получать эту ошибку «Невозможно получить доступ к смещению строки типа в строке» всякий раз, когда пытаюсь передать фиктивные данные в свое приложение Laravel
Laravel 11 Heroku: файл базы данных по пути [/app/database/database.sqlite] не существует
Я получаю сообщение об ошибке после установки Laravel через HERD
Проверьте, существует ли UUID в таблице A или таблице B, используя правила проверки (проверка Laravel)?
Неустранимая ошибка: вызов неопределенного метода Google\Cloud\Firestore\QuerySnapshot::count()
Ошибка интеграции Alpine.js 3.x и Chart.js: «Необработанная ошибка типа: невозможно прочитать свойства со значением null (чтение «сохранить»)»
Выбор языка для Laravel 11 с сохранением для каждого сеанса