最近开发中遇到一个问题，后端只给返回图片名称，不返回图片路径

需要前端动态拼接图片路径，根据返回的图片名称，显示对应的图片

     <div v-for="(item, index) in imgList" :key="index">
        <img :src="'../assets/images/'+ item.n +'.jpg'">
        <span>{{item.n}}</span>
      </div>

图片路径加载出来了，但是路径错误，页面未展示

修改代码，路径写死

      <div v-for="(item, index) in imgList" :key="index">
        <img :src="'../assets/images/1.jpg'">
        <span>{{item.n}}</span>
      </div>

页面还是展示不出来

<!-- 使用require引入  可以编译成功-->
      <div v-for="(item, index) in imgList" :key="index">
        <img :src="require('../assets/images/'+ item.n +'.jpg')" alt="">
        <span>{{item.n}}</span>
      </div>

vue引入图片的方式，可以参考我的另一篇博文https://blog.csdn.net/hbjiankely/article/details/85268367