类似于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前面不要加"/")