Всем привет. Подскажите как правильно получать изображение из бекенда (Directus)

Question

Всем привет. Подскажите как правильно получать изображение из бекенда (Directus)

в Nuxt 3? Директус отдает данные в JSON (на скрине) в которых: id поста, title, body и image. При помощи нижеследующей конструкции в <script setup> удается получить данные полей title и body. Типа - </p>{{ post.title }}</p>. А вот как вывести картинку допетрить пока не могу?)) Директус присваивает загруженному изображению (my-image.jpg) какой-то длинный идентификатор (на скрине) и если вызвать картинку - {{ post.image }}, то на странице эта абракадабра и выводится. Наверное нужно вызывать по id файла?

<script setup>
const { getItemById } = useDirectusItems();
const route = useRoute();
const post = await getItemById({ collection: "blog", id: route.params.id });
if (!post) throwError("No article found, 404");
</script>

#nuxt.js #programming #russian #software

0

24.09.2022

4 ответов

28 просмотров

Николай Belibov

Если все делать по уму, то естественно в assets никто ресурсы класть не будет, а будет пользоваться сервисами типа Amazon. Данный json для картинки возвращает id этой самой картинки. Далее конкатенируем apiUrl с ответом id для картинки и должно работать Я на проекте именно по такой схеме и работал. По сути все что не текст лежало в отдельных бакетах на амазон

0

25.09.2022

Futuris Автор вопроса

Николай Belibov
Если все делать по уму, то естественно в assets ни...

Если по уму, то наверное да. Но если маленькому сайту 5 картинок хранить на Амазоне. Да в нынешних условиях с международными платежными системами - зачем тогда вообще такой Накст нужен?))

0

25.09.2022

Futuris Автор вопроса

Николай Belibov
Если все делать по уму, то естественно в assets ни...

Кстати не подскажете, как вы конкатенировали ваш URL с id картинки? У меня ведь ссылки на картинки из бэка статичные получаются - я могу увидеть имиджи по ссылке типа - my-back-url.com/assets/b9655756-6e50-4e35-8576-b3995d2d3ae6, где последняя часть - id. И в Nuxt, если вставить абсолютную ссылку - картинка показывается. Но нужна динамическая подстановка для каждого поста. Значит я и без Amazon могу обойтись, если смогу правильно "сконкатенировать".))

0

26.09.2022

Black_Yuzia Yuzia · Accepted Answer

Black_Yuzia Yuzia

а ты уверен что тебе нужно выводить ссылку, а не <img :src=post.image ...>?

0

24.09.2022

207 похожих чатов

Всем привет. Подскажите как правильно получать изображение из бекенда (Directus)

4 ответов

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