Vue中 :src找不到资源？

Question

.vue

<ul>
    <li v-for="brand in brands">
        <img :src="brand.img_url" alt="">
        <span>{{brand.text}}</span>
    </li>
</ul>



brands: [
    {
        img_url: './images/icon-aodi.png',
        text: '奥迪'
    }
]

目录结构

可以找到字

但找不到图片资源

但直接 src="./images/icon-aodi.png"是可以正常显示的

Answer 1

两种方式：
1、将资源存放在/static/下引用
2、通过require(path)传入图片编码

参考：https://m.jb51.net/article/11...

唉，还是自己动手，丰衣足食啊。

Answer 2

这路由是根据 这段代码最终所在的 html 文件的路径来的 不是根据 .vue 文件来的