vue项目后台系统图片请求问题

clipboard.png

请问为什么最后的图片路径请求了两次,第一次404,第二次有返回http路径

clipboard.png

控制台都是404 找不到图片

  <el-table-column prop="qrCode" label="二维码" align="center">
    <template slot-scope="scope">
      <img :src="scope.row.qrCode"
          style="width:50px;height:50px;"
          @click.stop="zoomPicture"/>
    </template>
  </el-table-column>
  
   import { getImgUrl } from '@/utils/tool'

   list (data) {
     data.forEach((ele,i) => {
       if(ele.qrCode != '' && ele.qrCode != null){
         getImgUrl(ele.qrCode).then(res=>{
           ele.qrCode = res
           console.log(res)
         })
        }
     });
     this.elderList = data
    },  
    
    公共组件有getImgUrl这个方法
    
    

clipboard.png

clipboard.png

阅读 3k
3 个回答

写在行内的么? 刚开始渲染dom时候找不到 请求回来才找到 做个三元运算

require("")引用试一下

你得和接口进行对接,问下图片地址怎么访问。
clipboard.png

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题