uniapp动态绑定图片路径打包后图片资源获取失败的问题

类似于vue,uniapp中的图片路径要么就直接写进标签中,例如:

<img class="banner_img" src="../../static/img/1002.png"></img>

这时,相对路径或者绝对路径都可以使用

但是如果要动态绑定图片路径,使用相对路径之后打包出来就会报找不到资源的错误,这时有两种解决方案:

一、使用require先将图片资源当成模块引入到页面中,再调用(不推荐)

<img class="header-banner-img" :src="imgSrc" alt="" srcset="" />

let imgSrc = require('../../assets/images/modules-picture.png');

如果涉及到的图片数很多时,这种方法显然太繁琐了

二、使用绝对路径:

1、现将配置文件manifest.json中的基础路径设为./

 2、将动态路径设置为绝对路径:(注意static前面不要加"/")

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐