图片未加载到嵌套Route Vue JS中

Question

我为我的应用创建了一个自定义组件，以为产品选择多个图像：

{
    path: "/product-category",
    component: require("./components/product/Category.vue")
},

我也在其他路线（主要路线）中使用此组件：

{
    path: "/product/create",
    component: require("./components/product/Create.vue"),
},

，并且可以在主要路线上顺利运行。但是我在嵌套路由时遇到了麻烦：

extension

问题是图像未在嵌套路由中加载。

在上图中，图像的原始路径为 src =“ img / thumb_dcb7d855594bb92d2fd83108e8a2620e.jpg” ，但路径的突出显示部分为 http://localhost:3000/product/img/thumb_dcb7d855594bb92d2fd83108e8a2620e.jpg

哪个是Vue本身添加的（我想）。此外，控制台也没有错误。

任何人都可以帮助我找出导致此问题的原因及其可能的解决方案吗？

Answer 1

不是Vue添加了此URL。

使用图像的绝对路径。

示例：

src: '/' + obj.thumb