**
vue加载图片失败
**,
用浏览器F12调试,显示如下图:
报错如下图:
找了很多原因,查了很多资料,一直以为是跨域问题,后端也加了,前端也用代理模式匹配加了,依然图片加载不出来。罪魁祸首是<img **crossorigin="anonymous"** class="img-li" :src="item.materialUrl" alt />
改正代码如下:
<img
class="img-li"
:src="item.materialUrl"
alt
/>
问题解决。
至于crossorigin="anonymous"是什么意思呢?这里就不详细介绍了,后期文章详细介绍。