如何在 BootstrapVue 轮播中包含图像？答案

【问题标题】：How do I include image in BootstrapVue carousel?如何在 BootstrapVue 轮播中包含图像？
【发布时间】：2020-02-15 19:16:04
【问题描述】：

我正在尝试将图像添加到 BoostrapVue 中 b-carousel 的 img-src="" 属性。图片当前保存在资产文件夹中。

  <b-carousel-slide img-src="../assets/life.jpg">
        <h1>Hello world!</h1>
      </b-carousel-slide>

我添加了找到下面的结果图像：

我确定图像已正确保存在正确的位置：

【问题讨论】：

【解决方案1】：

如果使用带有 webpack 的加载器（即 vue-loader、url-loader 等），您需要确保加载器知道 img-src 接受 URL。

有关如何告诉加载器处理自定义组件上的 URL 道具的信息，请参阅文档：https://bootstrap-vue.js.org/docs/reference/images（特别是 Vue Loader transformAssetUrls）

【讨论】：

如何修改？在我的项目文件中找不到 vue.config.js
它可能在您的 webpack.config.js 文件中，或者如果在您的 nuxt.config.js.file 中使用 Nuxt.js。 vue-loader.vuejs.org/guide/asset-url.html#asset-url-handling