关于前端:uniapp小程序图片加载失败

之前的微信小程序我的项目都是应用原生组件开发,最近尝试用uniapp开发微信小程序,写了个小程序的demo。然而在浏览器下运行一切正常,然而在微信开发者工具运行却呈现图片报错

浏览器运行成果:

能够看到在浏览器模式下图片显示失常

开发者工具运行成果:

在开发者工具中能够看到图片加载失败。我的项目图片是放在static/icon以及static/image门路下,然而报错显示的门路却是/uview/static/icon以及/uview/static/image。该报错应该是图片绝对路径的问题,于是将图片改成绝对路径,便可加载胜利

谬误的门路写法:

正确的绝对路径写法:

从新运行后果

总结:应用uniapp开发我的项目的时候,肯定要应用绝对路径@符号,防止在其余端下报错

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理