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中的基础路径设为./

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

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

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

上一篇:《Backdoor Attacks and Countermeasures on Deep Learning: A Comprehensive Review》阅读笔记


下一篇:uniapp拨打电话