Как правильно задать пути к картинкам?

Question

[reinmaker90]

Есть компонент:

<b-card
            :title="prod.name"
            :img-src="require(`@/assets/img/${prod.image}`)"
            img-alt="Image"
            img-top
            v-for="prod of PRODUCTS"
            :key="prod.article"
          >
            <b-card-text>

При таком подходе картинки не отображаются. Как я понял, проблема то ли с webpack, то ли с vue-loader и его настройкой путей, почти все ссылки с подобными вопросами ведут сюда, но я не пойму, в каком файле вносить правки.

Answer 1

[dicem]

Переложи папку с картинками в /public и обращайся к ним как <img :src=" '/' + prod.image ">

Comments

[reinmaker90]

thx!