Где правильно хранить загружаемые изображения Vuejs cli + NodeJs (MariaDB)?

Question

[Денис]

Где и как архитектурно правильно сохранять загружаемые пользователями изображения во Vue проекте (Vue CLI-3). Есть бэкенд с API на NodeJS c БД Mysql в которой, видимо, будут сохраняться названия изображений, непонятно куда именно должны сохранятся сами изображения (каталог и где он должен быть ).

Answer 1

[McBernar]

На ноде же у вас, наверное, Экспресс? Сделайте статику и храните там, если это не приватные файлы.

Comments

[Денис]

Спасибо за ответ! А как, в свою очередь, и где во Vue указывать путь к каталогу с загруженными файлами?

[McBernar]

Абсолютный путь до картинки. localhost/static/image.png

Ну или относительный от dist. Это вы уже сами смотрите - какая у вас файловая структура.

Answer 2

[neatsoft]

С точки зрения The Twelve Factor App, для хранения загружаемых файлов (user-uploaded media files) должна использоваться сторонняя служба (backing service). В большинстве крупных проектов это Amazon S3, но если необходимо размещать все данные локально, можно установить MinIO.

В базу данных записываются относительные пути. Url хранилища и ключи задаются через переменные окружения.

Важно! Статические файлы (static assets) в S3 помещать не нужно: это неправильно с архитектурной точки зрения, т.к. они являются частью приложения.