如何解决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>

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