Vue js图像未显示图像路径问题

【问题标题】：Vue js image not showing for image path problemVue js图像未显示图像路径问题
【发布时间】：2021-04-06 16:38:27
【问题描述】：

这是一个 laravel vue 项目。
我的图像目录“public/images/products”。
我的数据库图像数据是“image”：“images/products/image_name.jpg”。
我的路由路径是“127.0.0.1:8000/product”。
在此路线路径图像中显示没有问题。
当我的路线 127.0.0.1:8000/product/:slug 时，这里我的图片没有显示。在这里，我检查浏览器的元素，我看到图像路径看起来像 127.0.0.1:8000/product/:slug/images/products/image_name.jpg。现在我如何修复图像链接。

我的路由器.Js

{ path: '/product/:slug', component: require('./components/public/singleProduct.vue').default },

我的 Vue 文件

<li v-for="data in product.product_images">
    <img :src="data.image" class="img-fluid"/>
</li>

【问题讨论】：

• 现在我解决了问题。图片路径是