Отображение загруженных изображений в режиме разработки с помощью Meteor и Vue

Question

Я немного расстроен, потому что загрузка файла заняла очень много времени. Я работаю с vue на внешнем интерфейсе и использую метеор для внутреннего интерфейса. Загрузка файла осуществляется с помощью Meteor-Files от VeliovGroup. Загрузка работает без проблем, и файлы сохраняются в каталоге .meteor (каталог по умолчанию для файлов метеоров), пока приложение работает в режиме разработки. Но теперь, как я могу получить изображения или другие загруженные файлы? Путь, который хранится в FileCollection для каждого файла, является неправильным, если я использую его, например, для src-атрибута изображения. Я что-то упускаю? Разве это просто невозможно в режиме разработки?

Я попытался установить разные значения storagePaths в настройках Meteor-Files, попробовал атрибуты «путь» и «ссылка» для объекта FileOollection в FileCollection.

<div class="" v-for="Image in getImages">
   <img :src="Image.path" />
</div>
<!-- this is the Vue-Frontend where I'm trying to display the images, getImages is the FileCollection from Meteor-Files -->

Я просто хочу показать или получить мои изображения, которые я загрузил.

Заранее большое спасибо. Если вам нужны конкретные фрагменты кода, просто спросите

Марио

Answer 1

Хорошо, я выбрал неверный абсолютный путь для config.storagePath. Теперь это работает с правильным абсолютным путем. Но я все еще не могу получить доступ к загруженным файлам в dev, которые были загружены по относительному пути во временной папке сборки. Но я думаю, я могу сделать обходной путь для этого.

Answer 2

Происходит ли то же самое, когда вы просто жестко кодируете src для 1 файла? У меня было довольно много проблем с динамическим связыванием с тегом img в прошлом. Поэтому мне интересно, если вы просто замените <img :src="Image.path" /> на <img src="yourhardcodedfilepath" />, будет ли отображаться изображение или оно по-прежнему отображается неправильно?