[Vuejs]-How to show image in bootstrap-vue b-card-img from src subdirectory

Vue-loader only understands src attributes on native HTML elements (i.e. <img>, <iframe>, etc).

It does not understand src props on custom components, which is why one needs to set up transformAssetUrls so Vue loader will know what props on what custom components that can accept a project relative URL.

See:

• https://vue-loader.vuejs.org/guide/asset-url.html
• https://bootstrap-vue.js.org/docs/reference/images/