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

11次阅读

共计 330 个字符,预计需要花费 1 分钟才能阅读完成。

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

浏览器运行成果:

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

开发者工具运行成果:

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

谬误的门路写法:

正确的绝对路径写法:

从新运行后果

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

正文完
 0