В настоящее время я использую Vue js и пытаюсь динамически связывать изображения, которые я получаю из своей базы данных. Я получаю свой путь, но изображения не отображаются. Мой внешний интерфейс находится на localhost: 8080, а мой задний конец на localhost: 3000.
В моем файле приложения js я устанавливаю папку publi c в качестве каталога stati c, внутри этой папки у меня есть каталог загрузок, куда отправляются мои изображения to.
app.use(express.static(path.join(__dirname, 'public')))
Я отправляю туда свои изображения через мультер:
const storage = multer.diskStorage({
destination: function (req, file, cb) {
cb(null, './public')
},
filename: function (req, file, cb) {
cb(null, new Date().toISOString() + file.originalname)
}
})
Это пример того, как я вижу, как исходный код изображения выскакивает в инспекторе.
src="public/uploads/2020-03-27T12:16:43.535Zaaa.jpeg"
Я хочу иметь возможность динамически отображать их в моих компонентах, но изображения не отображаются. Я также использую Vuex и храню их в объекте внутри моих состояний.