类似于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] 举报,一经查实,本站将立刻删除。