Картинки и vue.js?

Question

[skuvaWeb]

Объясните пожалуйста, как правильно интегрировать картинки при создании SPA, например на vue?
Допустим от сервера приходит массив постов, у элемента должно быть поле с путем картинки. Затем, по этому пути мы подключаем в вебпак эти картинки через require и работаем с ними как с модулями?
Не совсем понимаю как в этом моменте связать backend и front)

Answer 1

[Артем]

<img :src="item.photo" />

Require не нужен. Работайте с адресом картинки как с обычной строкой.

Comments

[skuvaWeb]

А путь должен быть указан относительно чего? Относительно итогового index.html файла, или относительно компонента? Или абсолютный путь?

[Николай Паротиков]

skuvaWeb, очевидно, относительно корня, т.е. index.html. Там есть нюансы, как именно вы сервите статику, но в общем случае папка с картинками лежит в корне.

[Klein Maximus]

skuvaWeb, лучше, чтобы приходил абсолютный URL