如何解决Vue引入assets中图片未展示问题

最近项目中在批量引入 assets 文件夹中的图片们后，页面上却不展示！仔细检查后发现图片引入的路径也没错啊，单张图片就可以，批量就不行，这是为啥？

文件具体结构如下：

虽然在网上也查了很多资料，但是具体原因我还是不清楚，有知道的小伙伴可以解答下，但我找到了解决方案，就是在路径 src 里使用require函数（详见下面代码第 3 行）：

<div class="server-content">
    <router-link to="javascript:;" v-for="i in 8" :key="i" class="server-item" >
        <img :src="require(`../assets/index/${i}.png`)" alt="">
    </router-link>
</div>

以上就可以解决问题，这虽然问题解决了，但是具体出现问题原因还需要研究，有知道的小伙伴还望告知！

以上关于如何解决Vue引入assets中图片未展示问题的文章就介绍到这了，更多相关内容请搜索码云笔记以前的文章或继续浏览下面的相关文章，希望大家以后多多支持码云笔记。