如果是全链接的好说，直接item.img就行，    <image  :src="item.icon" ></image>

如果是加背景就是:style="[{backgroundImage:'url('+item.img+')'}]"

另外一种就是后端返回文件名字或者一部分链接，前面需要拼接上baseurl

1.先引入

    import configService from '@/common/service/config.service';

2.使用

模板直接用configService就提示找不到，就是这样

  <image class="imgs" :src="`${configService.apiUrl}${item.icon}`"></image>

@引入能用，但是偶尔一个文件@就是找不到，找不到

不要这么写，那就换种写法

定义一个imgurl

    created() {
            this.imgurl = configService.apiUrl
            console.log('Config Service:', configService);
        },

    <image class="imgs" :src="`${imgurl}${item.icon}`"></image>

这样@不用动就可以找到了configService了，不然还得去../../显得很没水平，不清楚具体是因为没用configService就找不到还是因为是程序卡还是啥原因没找到，还是不要直接用了，赋值给个this值再用，没有后患

一种就是后端返回文件名字或者一部分链接，前面需要拼接上前端静态地址

   <image class="imgs" :src="'../../static/image/' + item.img"></image>