How to set paths to images correctly?

Question

webpack

There is a component:

<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>

With this approach, pictures are not displayed. As I understand it, the problem is either with webpack, or with vue-loader and its path settings, almost all links with similar questions lead here , but I don’t understand in which file to make changes.

Answer 1

Move your images folder to /public and access them like<img :src=" '/' + prod.image ">