[Vuejs]-Image not showing in vue and vue bootstrap

by

1👍

✅

To use relative paths for the various img (img-src in this case) props in bootstrap-vue components, you need configure vue-loader as explained in the documentation here.

This should fix the issue you’re facing.

If you cannot set the transformAssetUrls for vue-loader, you can require as an alternative.

<b-card :img-src="require('../static/picture.jpg')"></b-card>

Leave a comment