el-table-column 展示图片在本地可以显示,放到线上就变成404了

图片是从后台给出来的 main_pic: '/static/images/biyeqiang.png'; 类似这样的数据

<el-table-column label="项目图片">

<template  slot-scope="scope">
    <img :src="scope.row.main_pic" width="100" height="80" alt=""/>
</template>

</el-table-column>

阅读 5.1k
2 个回答

你要确定打包之后/static/images/biyeqiang.png这个路径存在不存在。可能是你的路径配置的问题,publicPath没配置对

开启 chrome 调试器,看看 图片请求地址,然后 服务器上 确认下 这个文件 是否有~

文件有的话,看看 .png 文件 www服务器 是否支持输出打印~

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